/*-----------------------------------------------------------------------------------

	Theme Name: Giza
	Description: A responsive, multi-purpose WordPress theme for professional bloggers. Built by <a href="http://www.pixelobject.com">Pixelobject</a>. Follow us on <a href='http://twitter.com/pixelobjecthq'>Twitter</a> and <a href='https://www.facebook.com/pixelobject'>Facebook</a>.
	Theme URI: http://pixelobject.com/themes/giza/
	Author: Pixelobject
	Author URI: http://www.pixelobject.com
	Tags: four-columns, responsive-layout, custom-background, custom-colors, custom-menu, featured-images, sticky-post, theme-options, threaded-comments
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	Version: 1.2.1
	All files, unless otherwise stated, are released under the GNU General Public License
	version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)

-----------------------------------------------------------------------------------*/
/* Table of Contents
--------------------------------------------------

	#structure
	#blog
	#headers
	#buttons
	#po-slider
	#animations
	#icon-box
	#count
	#portfolio
	#progress-bars
	#contact
	#footer
	#clients
	#team
	#testimonials
	#social
	#search
	#color
	#widgets
	#modal
	#scroll
	#sidenav

--------------------------------------------------
*/
/* #structure
--------------------------------------------------*/
::-webkit-input-placeholder {
  color: #999; }

:-moz-placeholder {
  /* Firefox 18- */
  color: #999; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: #999; }

:-ms-input-placeholder {
  color: #999; }

*:focus {
  outline: 0; }

.site-container {
  opacity: 0; }

@-moz-document url-prefix() {
  a:focus {
    outline: none; } }
button::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner {
  border: 0; }

.entry-content {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-backface-visibility: hidden; }

ul, li {
  list-style: none; }

body {
  background: #000000; }

.clear-float {
  clear: both; }

.top-page-anchor {
  position: relative;
  z-index: 99;
  width: 100%; }

a {
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out; }

a:hover {
  text-decoration: none; }

@media (max-width: 767px) {
  .logo {
    width: auto !important; } }
@media (min-width: 768px) {
  .logo {
    width: auto !important; } }
@media (min-width: 768px) and (max-width: 991px) {
  .logo {
    display: block;
    margin: 0 auto;
    width: auto !important; } }
@media (min-width: 992px) {
  .logo {
    width: auto !important; } }
.left .top-logo-top .logo {
  float: right; }

@media (max-width: 767px) {
  .logo-portfolio {
    max-height: 70px;
    display: block;
    margin: 0 auto; } }
@media (max-width: 767px) {
  .logo-menu {
    max-height: 75px;
    display: block;
    opacity: 1;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    margin-bottom: 35px; } }
@media (min-width: 768px) {
  .logo-menu {
    max-height: 75px;
    display: block;
    opacity: 1;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    margin-bottom: 35px; } }
@media (min-width: 992px) {
  .logo-menu {
    max-height: 75px;
    margin: 0 auto;
    display: block;
    opacity: 1;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    margin-bottom: 35px; } }
.logo-menu:hover {
  opacity: 0.8; }

@media (max-width: 767px) {
  .logo-blog {
    max-height: 70px; } }
@media (min-width: 768px) and (max-width: 991px) {
  .logo-blog {
    max-height: 110px; } }
@media (max-width: 767px) {
  .logo-blog-container {
    margin-top: 30px;
    max-height: 70px; } }
@media (min-width: 768px) {
  .logo-blog-container {
    margin-top: 90px;
    max-height: 110px; } }
@media (min-width: 992px) {
  .logo-blog-container {
    margin-top: 70px; } }
@media (max-width: 767px) {
  .logo-subtitle {
    font-family: 'Playfair Display', serif;
    font-size: 15px;
    margin-top: 30px;
    text-align: center; } }
@media (min-width: 768px) {
  .logo-subtitle {
    font-family: 'Playfair Display', serif;
    font-size: 15px;
    text-align: center;
    width: 60%;
    margin: 30px auto;
    font-style: italic; } }
@media (min-width: 992px) {
  .logo-subtitle {
    font-size: 15px;
    width: 100%;
    margin: 30px 0;
    text-align: left;
    font-style: italic; } }
p {
  margin-bottom: 25px; }

@media (min-width: 992px) {
  p {
    line-height: 1.7; } }
@media (min-width: 992px) {
  h4 {
    line-height: 1.4; } }
.container, .row, .po-column {
  line-height: 1.8; }

.po-page-header {
  padding: 8px 0 20px;
  background-color: #eee;
  border-bottom: 1px solid #ddd; }

.po-page-header h3 {
  font-size: 14px;
  color: #000; }

input[type="text"],
input[type="email"],
input[type="search"],
textarea {
  -webkit-appearance: none; }

#crumbs {
  font-size: 12px;
  margin-top: 0px;
  color: #999; }

#crumbs a {
  color: #999;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out; }

#crumbs a:hover {
  text-decoration: none; }

#crumbs .delim {
  padding: 0 5px;
  color: #999; }

.po-page {
  width: 100%;
  min-height: 352px;
  background-color: #fff;
  padding-bottom: 0px; }

.page-padding {
  padding-top: 50px;
  padding-bottom: 50px; }

.page-comments .comments-area {
  padding-bottom: 50px; }

.column-content {
  padding: 0 10px; }

.column-content-left {
  padding: 0 10px 0 0; }

.column-content img {
  max-width: 100%;
  height: auto; }

@media (max-width: 1024px) {
  .po-column-mobile {
    opacity: 1; } }
@media (max-width: 767px) {
  .po-column-line {
    padding: 5px 0px;
    opacity: 1; } }
@media (max-width: 767px) {
  .po-column {
    padding: 20px 15px;
    opacity: 1; } }
@media (min-width: 768px) {
  .po-column {
    padding: 25px 15px;
    opacity: 1; } }
@media (min-width: 1025px) {
  .po-column {
    opacity: 0; } }
@media (max-width: 1024px) {
  .po-column-mobile-ani {
    opacity: 1; } }
@media (min-width: 1025px) {
  .po-column-mobile-ani {
    opacity: 0; } }
.po-column.shown,
.no-js .po-column,
.no-cssanimations .po-column {
  opacity: 1; }

@media (max-width: 1024px) {
  .po-column-mobile.shown,
  .no-js .po-column-mobile,
  .no-cssanimations .po-column-mobile {
    opacity: 1; } }
@media (max-width: 1024px) {
  .po-column-mobile-ani.shown,
  .no-js .po-column-mobile-ani,
  .no-cssanimations .po-column-mobile-ani {
    opacity: 1; } }
@media (min-width: 1025px) {
  .po-column-mobile-ani.shown,
  .no-js .po-column-mobile-ani,
  .no-cssanimations .po-column-mobile-ani {
    opacity: 1; } }
.po-column p {
  color: #444; }

.po-column img {
  max-width: 100%;
  height: auto;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important; }

.po-full-width {
  padding: 0;
  margin: 0;
  width: 100%; }

@media (max-width: 767px) {
  .po-section {
    padding-top: 30px;
    padding-bottom: 30px; } }
@media (min-width: 768px) {
  .po-section {
    padding-top: 30px;
    padding-bottom: 30px; } }
@media (min-width: 992px) {
  .po-section {
    padding-top: 100px;
    padding-bottom: 100px; } }
.po-section {
  position: relative;
  overflow: hidden; }

.po-section-fixed {
  background-attachment: fixed; }

.section-background-white {
  background-color: #fff; }

.section-background-dark {
  background-color: #000; }

.section-background-light {
  background-color: #f5f5f5; }

.section-background-white h1, .section-background-white h2, .section-background-white h3, .section-background-white h4, .section-background-white h5, .section-background-white h6, .section-background-white .po-number,
.section-background-light h1,
.section-background-light h2,
.section-background-light h3,
.section-background-light h4,
.section-background-light h5,
.section-background-light h6,
.section-background-light .po-number {
  color: #000; }
.section-background-white p,
.section-background-light p {
  color: #777; }
.section-background-white .wpcf7 input[type="text"],
.section-background-white .wpcf7 input[type="email"],
.section-background-white .wpcf7 textarea,
.section-background-light .wpcf7 input[type="text"],
.section-background-light .wpcf7 input[type="email"],
.section-background-light .wpcf7 textarea {
  color: #333; }

.section-background-dark h1, .section-background-dark h2, .section-background-dark h3, .section-background-dark h4, .section-background-dark h5, .section-background-dark h6, .section-background-dark .po-number,
.section-background-image h1,
.section-background-image h2,
.section-background-image h3,
.section-background-image h4,
.section-background-image h5,
.section-background-image h6,
.section-background-image .po-number,
.section-background-image-fixed h1,
.section-background-image-fixed h2,
.section-background-image-fixed h3,
.section-background-image-fixed h4,
.section-background-image-fixed h5,
.section-background-image-fixed h6,
.section-background-image-fixed .po-number,
.section-background-image-parallax h1,
.section-background-image-parallax h2,
.section-background-image-parallax h3,
.section-background-image-parallax h4,
.section-background-image-parallax h5,
.section-background-image-parallax h6,
.section-background-image-parallax .po-number,
.section-background-video h1,
.section-background-video h2,
.section-background-video h3,
.section-background-video h4,
.section-background-video h5,
.section-background-video h6,
.section-background-video .po-number,
.section-background-dark po-header h1,
.section-background-dark po-header h2,
.section-background-dark po-header h3,
.section-background-dark po-header h4,
.section-background-dark po-header h5,
.section-background-dark po-header h6,
.section-background-dark po-header .po-number,
.section-background-custom-white h1,
.section-background-custom-white h2,
.section-background-custom-white h3,
.section-background-custom-white h4,
.section-background-custom-white h5,
.section-background-custom-white h6,
.section-background-custom-white .po-number {
  color: #fff; }
.section-background-dark p,
.section-background-image p,
.section-background-image-fixed p,
.section-background-image-parallax p,
.section-background-video p,
.section-background-dark po-header p,
.section-background-custom-white p {
  color: #f9f9f9; }
.section-background-dark .wpcf7 input[type="text"],
.section-background-dark .wpcf7 input[type="email"],
.section-background-dark .wpcf7 textarea,
.section-background-image .wpcf7 input[type="text"],
.section-background-image .wpcf7 input[type="email"],
.section-background-image .wpcf7 textarea,
.section-background-image-fixed .wpcf7 input[type="text"],
.section-background-image-fixed .wpcf7 input[type="email"],
.section-background-image-fixed .wpcf7 textarea,
.section-background-image-parallax .wpcf7 input[type="text"],
.section-background-image-parallax .wpcf7 input[type="email"],
.section-background-image-parallax .wpcf7 textarea,
.section-background-video .wpcf7 input[type="text"],
.section-background-video .wpcf7 input[type="email"],
.section-background-video .wpcf7 textarea,
.section-background-dark po-header .wpcf7 input[type="text"],
.section-background-dark po-header .wpcf7 input[type="email"],
.section-background-dark po-header .wpcf7 textarea,
.section-background-custom-white .wpcf7 input[type="text"],
.section-background-custom-white .wpcf7 input[type="email"],
.section-background-custom-white .wpcf7 textarea {
  color: #fff; }

.section-background-dark .po-icon-float h1, .section-background-dark .po-icon-float h2, .section-background-dark .po-icon-float h3, .section-background-dark .po-icon-float h4, .section-background-dark .po-icon-float h5, .section-background-dark .po-icon-float h6 {
  color: #000; }
.section-background-dark .po-icon-float p {
  color: #444; }

.section-video {
  overflow: hidden;
  position: relative;
  width: 100%;
  background-color: #000;
  background-attachment: fixed;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.3); }

.section-video video {
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  min-width: 100%;
  min-height: 100%; }

.section-video-content {
  position: relative;
  top: 50%;
  z-index: 999;
  width: 100%; }

@media (max-width: 767px) {
  .po-background-video {
    display: none; } }
@media (min-width: 768px) and (max-width: 1200px) {
  .po-background-video {
    display: none; } }
@media (min-width: 768px) {
  .po-background-video {
    opacity: 0; } }
.section-background-white.section-shadow-top,
.section-background-light.section-shadow-top {
  -webkit-box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.07);
  -moz-box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.07);
  box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.07); }

.section-background-dark.section-shadow-top {
  -webkit-box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.8);
  box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.8); }

.section-background-white.section-shadow-bottom,
.section-background-light.section-shadow-bottom {
  -webkit-box-shadow: inset 0px -2px 4px 0px rgba(0, 0, 0, 0.07);
  -moz-box-shadow: inset 0px -2px 4px 0px rgba(0, 0, 0, 0.07);
  box-shadow: inset 0px -2px 4px 0px rgba(0, 0, 0, 0.07); }

.section-background-dark.section-shadow-bottom {
  -webkit-box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.8);
  box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.8); }

.section-background-white.section-shadow,
.section-background-light.section-shadow {
  -webkit-box-shadow: inset 0px 0px 4px 0px rgba(0, 0, 0, 0.07);
  -moz-box-shadow: inset 0px 0px 4px 0px rgba(0, 0, 0, 0.07);
  box-shadow: inset 0px 0px 4px 0px rgba(0, 0, 0, 0.07); }

.section-background-dark.section-shadow {
  -webkit-box-shadow: inset 0px 0px 4px 0px rgba(0, 0, 0, 0.9);
  -moz-box-shadow: inset 0px 0px 4px 0px rgba(0, 0, 0, 0.9);
  box-shadow: inset 0px 0px 4px 0px rgba(0, 0, 0, 0.9); }

.section-image.section-shadow-yes {
  -webkit-box-shadow: inset 0px -1px 4px 0px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: inset 0px -1px 4px 0px rgba(0, 0, 0, 0.8);
  box-shadow: inset 0px -1px 4px 0px rgba(0, 0, 0, 0.8); }

.section-image.section-overlay-black {
  -webkit-box-shadow: inset 0px 0px 1000px 500px rgba(6, 7, 8, 0.8);
  -moz-box-shadow: inset 0px 0px 1000px 500px rgba(6, 7, 8, 0.8);
  box-shadow: inset 0px 0px 1000px 500px rgba(6, 7, 8, 0.8); }

.section-image.section-overlay-green {
  -webkit-box-shadow: inset 0px 0px 1000px 0px rgba(32, 197, 150, 0.3);
  -moz-box-shadow: inset 0px 0px 1000px 0px rgba(32, 197, 150, 0.3);
  box-shadow: inset 0px 0px 1000px 0px rgba(32, 197, 150, 0.3); }

.section-image.section-overlay-darkgreen {
  -webkit-box-shadow: inset 0px 0px 1000px 200px rgba(32, 197, 150, 0.5);
  -moz-box-shadow: inset 0px 0px 1000px 200px rgba(32, 197, 150, 0.5);
  box-shadow: inset 0px 0px 1000px 200px rgba(32, 197, 150, 0.5); }

.section-background-white.section-line-top {
  border-top: 1px solid #e9e9e9; }

.section-background-light.section-line-top {
  border-top: 1px solid #e1e1e1; }

.section-background-dark.section-line-top {
  border-top: 1px solid #000; }

.section-background-white.section-line-bottom {
  border-bottom: 1px solid #e9e9e9; }

.section-background-light.section-line-bottom {
  border-bottom: 1px solid #e1e1e1; }

.section-background-dark.section-line-bottom {
  border-bottom: 1px solid #000; }

.section-background-white.section-line {
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9; }

.section-background-light.section-line {
  border-top: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1; }

.section-background-dark.section-line {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000; }

.section-background-white.section-lineshadow-top,
.section-background-light.section-lineshadow-top {
  border-top: 1px solid #e1e1e1;
  -webkit-box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.05); }

.section-background-dark.section-lineshadow-top {
  border-top: 1px solid #000;
  -webkit-box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.8);
  box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.8); }

.section-background-white.section-lineshadow-bottom,
.section-background-light.section-lineshadow-bottom {
  border-bottom: 1px solid #e9e9e9;
  -webkit-box-shadow: inset 0px -2px 3px 0px rgba(0, 0, 0, 0.03);
  -moz-box-shadow: inset 0px -2px 3px 0px rgba(0, 0, 0, 0.03);
  box-shadow: inset 0px -2px 3px 0px rgba(0, 0, 0, 0.03); }

.section-background-dark.section-lineshadow-bottom {
  border-bottom: 1px solid #000;
  -webkit-box-shadow: inset 0px -2px 4px 0px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: inset 0px -2px 4px 0px rgba(0, 0, 0, 0.8);
  box-shadow: inset 0px -2px 4px 0px rgba(0, 0, 0, 0.8); }

.section-background-white.section-lineshadow,
.section-background-light.section-lineshadow {
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  -webkit-box-shadow: inset 0px 0px 4px 0px rgba(0, 0, 0, 0.07);
  -moz-box-shadow: inset 0px 0px 4px 0px rgba(0, 0, 0, 0.07);
  box-shadow: inset 0px 0px 4px 0px rgba(0, 0, 0, 0.07); }

.section-background-dark.section-lineshadow {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  -webkit-box-shadow: inset 0px 0px 4px 0px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: inset 0px 0px 4px 0px rgba(0, 0, 0, 0.8);
  box-shadow: inset 0px 0px 4px 0px rgba(0, 0, 0, 0.8); }

@media (max-width: 767px) {
  .one-nav {
    position: absolute;
    width: 100%;
    z-index: 9999999999999999999999;
    margin-top: 0px; } }
@media (min-width: 767px) {
  .one-nav {
    position: absolute;
    width: 100%;
    z-index: 9999999999999999999999;
    margin-top: 41px; } }
.one-nav.one-nav-fixed {
  position: fixed;
  margin-top: 0; }

@media (max-width: 767px) {
  .one-nav-bg {
    position: fixed;
    width: 100%;
    z-index: 9999999999999999999999;
    height: 76px;
    display: none; } }
@media (min-width: 768px) {
  .one-nav-bg {
    position: fixed;
    width: 100%;
    z-index: 9999999999999999999999;
    height: 80px;
    display: none; } }
.one-nav-bg.transparent {
  opacity: 0.95; }

.to-top {
  border: 1px solid #fff;
  width: 23px;
  height: 23px;
  position: fixed;
  right: 20px;
  top: 14px;
  z-index: 9999;
  border-radius: 100px;
  display: none;
  opacity: 1;
  background: url(images/to-top.png) no-repeat center 7px;
  background-size: 11px 6px;
  cursor: pointer; }

.light-page {
  background-color: #f1f1f1;
  width: 100%;
  padding-top: 1px;
  padding-bottom: 1px; }

.light-page-image {
  background-color: #f1f1f1;
  width: 100%;
  padding-bottom: 10px; }

.po-page p {
  font-size: 13px; }

@media (max-width: 1025px) {
  .section-background-image,
  .section-background-image-fixed,
  .section-background-image-parallax {
    background-size: cover !important;
    background-position: center center !important; } }
@media (min-width: 1026px) {
  .section-background-image-fixed,
  .section-background-image-parallax {
    background-attachment: fixed !important;
    background-size: cover !important; } }
.holding-text {
  position: absolute;
  bottom: 0px;
  text-align: center;
  color: #FFF;
  width: 100%;
  z-index: 9999999999; }

.holding-text p {
  text-align: center;
  color: #FFF; }

.holding-text a {
  text-align: center;
  color: rgba(255, 255, 255, 0.6); }

.holding-text a:hover {
  text-align: center;
  color: white; }

.copyright {
  margin-top: 30px;
  font-size: 12px;
  color: #aaa; }

.copyright a {
  color: #aaa; }

.copyright a:hover {
  color: #333; }

@media (min-width: 992px) {
  .menu-col {
    min-height: 780px; } }
@media (min-width: 1400) {
  .menu-col {
    min-height: 1080px; } }
@media (min-width: 2000) {
  .menu-col {
    min-height: 1440px; } }
.side-nav {
  width: 100%;
  height: 100%;
  z-index: 99999; }

@media (max-width: 767px) {
  .side-nav-inner {
    padding: 35px; } }
@media (min-width: 768px) {
  .side-nav-inner {
    padding: 35px 35px 30px; } }
@media (min-width: 992px) {
  .side-nav-inner {
    padding: 35px; } }
.transparent-triangle-container {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 40px;
  overflow: hidden;
  z-index: 39;
  padding-top: 20px;
  width: 100%; }

.transparent-triangle-left-white, .transparent-triangle-right-white {
  width: 50%; }

.transparent-triangle-left-triangle-container, .transparent-triangle-right-triangle-container {
  vertical-align: bottom; }

.transparent-triangle-left-triangle, .transparent-triangle-right-triangle {
  vertical-align: bottom; }

.transparent-triangle-left-triangle {
  display: inline-block;
  background-color: transparent;
  border-width: 20px 0 0 20px;
  border-style: solid; }

.transparent-triangle-right-triangle {
  display: inline-block;
  background-color: transparent;
  border-width: 20px 20px 0 0;
  border-style: solid; }

/*** Individual section styles and separators ***/
/* Triangles */
.ss-style-triangles {
  margin-bottom: 20px; }

.ss-style-triangles::before {
  left: 50%;
  width: 100px;
  height: 100px;
  -webkit-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
  position: absolute;
  content: '';
  pointer-events: none;
  z-index: 39; }

.ss-style-triangles::before {
  top: -100px;
  background-color: inherit; }

.ss-style-triangles-2::before {
  left: 50%;
  width: 50px;
  height: 50px;
  -webkit-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
  position: absolute;
  content: '';
  pointer-events: none;
  z-index: 0; }

.ss-style-triangles-2::before {
  top: 230px;
  background-color: inherit; }

.menu-close {
  width: 22px;
  height: 22px;
  background: url(images/view-close-dark.png) no-repeat center center;
  background-size: 22px 22px;
  cursor: pointer;
  padding: 28px 0;
  padding-left: 39px;
  padding-right: 39px;
  display: none; }

.right .bottom-nav-short .menu-close {
  width: 22px;
  height: 22px;
  background: url(images/view-close-dark.png);
  background-size: 22px 22px;
  cursor: pointer;
  position: relative;
  right: 10px;
  margin-top: 2px;
  display: none; }

.left .bottom-nav-short .menu-close {
  width: 22px;
  height: 22px;
  background: url(images/view-close-dark.png);
  background-size: 22px 22px;
  cursor: pointer;
  position: relative;
  margin-left: 23px;
  margin-top: 2px;
  display: none; }

.menu-close-blog {
  width: 22px;
  height: 22px;
  background: url(images/view-close.png);
  background-size: 22px 22px;
  cursor: pointer;
  position: absolute;
  right: 69px;
  margin-top: 9px;
  display: none; }

@media (max-width: 767px) {
  .left .menu-close-slide {
    width: 22px;
    height: 22px;
    background: url(images/view-close.png);
    background-size: 22px 22px;
    cursor: pointer;
    position: absolute;
    margin-left: 0px;
    margin-top: 6px;
    display: none;
    padding: 0;
    z-index: 99999999999999999; }

  .right .menu-close-slide {
    width: 22px;
    height: 22px;
    background: url(images/view-close.png);
    background-size: 22px 22px;
    cursor: pointer;
    position: absolute;
    right: 0px;
    margin-top: 6px;
    display: none;
    padding: 0;
    z-index: 99999999999999999; } }
@media (min-width: 768px) {
  .left .menu-close-slide {
    width: 22px;
    height: 22px;
    background: url(images/view-close.png);
    background-size: 22px 22px;
    cursor: pointer;
    position: absolute;
    margin-left: 10px;
    margin-top: 16px;
    display: none;
    z-index: 99999999999999999; }

  .right .menu-close-slide {
    width: 22px;
    height: 22px;
    background: url(images/view-close.png);
    background-size: 22px 22px;
    cursor: pointer;
    position: absolute;
    right: 10px;
    margin-top: 16px;
    display: none;
    z-index: 99999999999999999; } }
.left .menu-close-dark {
  width: 22px;
  height: 22px;
  background: url(images/view-close-dark.png);
  background-size: 22px 22px;
  cursor: pointer;
  position: absolute;
  margin-left: 10px;
  margin-top: 6px;
  display: none; }

.right .menu-close-dark {
  width: 22px;
  height: 22px;
  background: url(images/view-close-dark.png);
  background-size: 22px 22px;
  cursor: pointer;
  position: absolute;
  right: 10px;
  margin-top: 6px;
  display: none; }

.bottom-nav,
.bottom-nav-short {
  width: 100%;
  height: 70px;
  background-color: #fff;
  position: fixed;
  z-index: 99999999999999999999999;
  bottom: 0;
  display: none; }

.bottom-nav-slide {
  position: relative;
  width: 100%;
  height: 100px;
  background-color: #fff; }

@media (max-width: 767px) {
  .bottom-menu {
    display: none; } }
.no-vert-padding {
  padding-top: 0;
  padding-bottom: 0; }

@media (min-width: 768px) {
  .mobile-bottom-menu {
    display: none; } }
@media (max-width: 767px) {
  .left .bottom-nav a.bottom-logo-container,
  .left .bottom-nav-short a.bottom-logo-container {
    position: absolute;
    right: 20px; } }
@media (min-width: 768px) {
  .left .bottom-nav a.bottom-logo-container,
  .left .bottom-nav-short a.bottom-logo-container {
    position: absolute;
    right: 60px; } }
.left .bottom-nav img.bottom-logo,
.left .bottom-nav-short img.bottom-logo {
  padding: 0; }

@media (max-width: 767px) {
  .right .bottom-nav a.bottom-logo-container,
  .right .bottom-nav-short a.bottom-logo-container {
    position: absolute;
    left: 20px; } }
@media (min-width: 768px) {
  .right .bottom-nav a.bottom-logo-container,
  .right .bottom-nav-short a.bottom-logo-container {
    position: absolute;
    left: 60px; } }
.right .bottom-nav img.bottom-logo,
.right .bottom-nav-short img.bottom-logo {
  padding: 0; }

@media (max-width: 991px) {
  .left .bottom-nav-slide a.bottom-logo-container {
    display: none; } }
@media (min-width: 992px) {
  .left .bottom-nav-slide a.bottom-logo-container {
    position: absolute;
    right: 60px; } }
.left .bottom-nav-slide img.bottom-logo {
  max-height: 50px;
  padding: 0;
  margin: 11px 0 0; }

@media (max-width: 991px) {
  .right .bottom-nav-slide a.bottom-logo-container {
    display: none; } }
@media (min-width: 992px) {
  .right .bottom-nav-slide a.bottom-logo-container {
    position: absolute;
    left: 60px; } }
.right .bottom-nav-slide img.bottom-logo {
  max-height: 50px;
  padding: 0;
  margin: 11px 0 0; }

.button-menu {
  padding: 24px 0;
  padding-left: 28px;
  padding-right: 28px; }

@media (max-width: 767px) {
  .left .menu-bars-slide {
    position: absolute;
    z-index: 99999999999999;
    margin-left: 0px;
    margin-top: 0px;
    padding: 13px 4px 0; }

  .right .menu-bars-slide {
    position: absolute;
    z-index: 99999999999999;
    right: 0px;
    margin-top: 0px;
    padding: 13px 4px 0; } }
@media (min-width: 768px) {
  .left .menu-bars-slide {
    position: absolute;
    z-index: 99999999999999;
    margin-left: 40px;
    margin-top: 38px; }

  .right .menu-bars-slide {
    position: absolute;
    z-index: 99999999999999;
    right: 40px;
    margin-top: 38px; } }
@media (max-width: 767px) {
  .left .menu-bars-one {
    position: absolute;
    z-index: 99999999999999;
    margin-left: 0px;
    margin-top: 0px; }

  .right .menu-bars-one {
    position: absolute;
    z-index: 99999999999999;
    right: 0px;
    margin-top: 0px; } }
@media (min-width: 768px) {
  .left .menu-bars-one {
    position: absolute;
    z-index: 9;
    margin-left: 40px;
    margin-top: 22px;
    padding-top: 0;
    padding-bottom: 0; }

  .right .menu-bars-one {
    position: absolute;
    z-index: 9;
    right: 40px;
    margin-top: 22px;
    padding-top: 0;
    padding-bottom: 0; } }
.left .top-logo-outer {
  position: absolute;
  z-index: 2;
  width: 100%;
  right: 0; }

.right .top-logo-outer {
  position: absolute;
  z-index: 2;
  width: 100%;
  left: 0; }

.top-logo-outer-one {
  position: absolute;
  z-index: 99;
  right: 0;
  width: 10%; }

@media (max-width: 767px) {
  .left .top-logo-top {
    position: absolute;
    z-index: 99;
    right: 25px;
    width: 10%; }

  .right .top-logo-top {
    position: absolute;
    z-index: 99;
    left: 25px;
    width: 10%; } }
@media (min-width: 768px) {
  .left .top-logo-top {
    position: absolute;
    z-index: 99;
    right: 60px;
    width: 10%; }

  .right .top-logo-top {
    position: absolute;
    z-index: 99;
    left: 60px;
    width: 10%; } }
@media (max-width: 767px) {
  .left .top-logo-container {
    position: absolute;
    z-index: 99999999999999999999;
    right: 25px; }

  .right .top-logo-container {
    position: absolute;
    z-index: 99999999999999999999;
    left: 25px; } }
@media (min-width: 768px) {
  .left .top-logo-container {
    position: absolute;
    z-index: 9999999999;
    right: 40px; }

  .right .top-logo-container {
    position: absolute;
    z-index: 9999999999;
    left: 40px; } }
@media (max-width: 767px) {
  .left .top-logo-container-one {
    position: absolute;
    z-index: 9999999999;
    right: 25px;
    top: 22px; }

  .right .top-logo-container-one {
    position: absolute;
    z-index: 9999999999;
    left: 25px;
    top: 22px; } }
@media (min-width: 768px) {
  .left .top-logo-container-one {
    position: absolute;
    z-index: 9999999999;
    right: 60px;
    top: 22px; }

  .right .top-logo-container-one {
    position: absolute;
    z-index: 9999999999;
    left: 60px;
    top: 22px; } }
@media (max-width: 767px) {
  .left .top-logo-container-top {
    position: absolute;
    z-index: 9999999999;
    right: 0px;
    width: 100%; }

  .right .top-logo-container-top {
    position: absolute;
    z-index: 9999999999;
    left: 0px;
    width: 100%; } }
@media (min-width: 768px) {
  .left .top-logo-container-top {
    position: absolute;
    z-index: 9999999999;
    right: 0px;
    width: 100%; }

  .right .top-logo-container-top {
    position: absolute;
    z-index: 9999999999;
    left: 0px;
    width: 100%; } }
@media (max-width: 767px) {
  .left .top-logo-container-slide {
    position: absolute;
    z-index: 9999999999;
    right: 15px;
    top: 16px; }

  .right .top-logo-container-slide {
    position: absolute;
    z-index: 9999999999;
    left: 15px;
    top: 16px; } }
@media (min-width: 768px) {
  .left .top-logo-container-slide {
    position: absolute;
    z-index: 9999999999;
    right: 70px;
    top: 67px; }

  .right .top-logo-container-slide {
    position: absolute;
    z-index: 9999999999;
    left: 70px;
    top: 67px; } }
@media (max-width: 767px) {
  .left .menu-bars-bottom {
    position: absolute;
    z-index: 99999999999999999999999;
    left: 15px;
    margin-top: 18px; }

  .right .menu-bars-bottom {
    position: absolute;
    z-index: 99999999999999999999999;
    right: 15px;
    margin-top: 18px; } }
@media (min-width: 768px) {
  .left .menu-bars-bottom {
    position: absolute;
    z-index: 99999999999999999999999;
    left: 55px;
    margin-top: 18px; }

  .right .menu-bars-bottom {
    position: absolute;
    z-index: 99999999999999999999999;
    right: 55px;
    margin-top: 18px; } }
@media (max-width: 992px) {
  .menu-bars-bottom-slide {
    display: none; } }
@media (min-width: 992px) {
  .left .menu-bars-bottom-slide {
    position: absolute;
    z-index: 99999999999999999999999;
    left: 55px;
    margin-top: 18px; }

  .right .menu-bars-bottom-slide {
    position: absolute;
    z-index: 99999999999999999999999;
    right: 55px;
    margin-top: 18px; } }
.arrow-container {
  position: absolute;
  z-index: 39;
  height: 20px;
  width: 100%;
  margin-top: -20px; }

.arrow-container-inner {
  height: 20px;
  position: relative; }

@media (max-width: 767px) {
  .large-text {
    font-size: 22px !important;
    line-height: 1.3; } }
@media (min-width: 768px) and (max-width: 991px) {
  .large-text {
    font-size: 30px !important;
    line-height: 1.2; } }
@media (min-width: 992px) {
  .large-text {
    font-size: 27px !important;
    line-height: 1.2; } }
.goto-arrow {
  margin: 0 auto;
  text-align: center;
  cursor: pointer; }

.goto-arrow i {
  opacity: 0.5;
  font-size: 30px;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out; }

.goto-arrow:hover i {
  opacity: 1; }

.loading-logo-container {
  display: block;
  position: absolute;
  z-index: 999;
  width: 100px;
  height: 100px; }

.loading-img {
  width: 100px;
  height: 100px;
  margin: 0px;
  display: block;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px;
  opacity: 0.9; }

.loading-slides {
  padding: 0; }

.loading-slides li {
  padding: 0; }

.loading {
  position: fixed;
  z-index: 9;
  left: 50%;
  margin-top: 0px;
  margin-left: -50px;
  border-bottom: 1px solid transparent;
  border-left: 1px solid transparent;
  border-top: 1px solid transparent;
  border-radius: 100%;
  height: 100px;
  width: 100px; }

.loading-inner {
  position: fixed;
  z-index: 1;
  left: 50%;
  top: 50%;
  margin-top: -50px;
  margin-left: -50px;
  border-radius: 100%;
  height: 100px;
  width: 100px;
  overlow: hidden; }

.notransition {
  -webkit-transform: none;
  transform: none; }

@media (max-width: 767px) {
  .loading-nologo {
    position: fixed;
    left: 50%;
    top: 50%;
    margin-top: -15px;
    margin-left: -15px;
    border-radius: 100%;
    height: 30px;
    width: 30px; } }
@media (min-width: 768px) {
  .loading-nologo {
    position: fixed;
    left: 50%;
    top: 50%;
    margin-top: -15px;
    margin-left: -15px;
    border-radius: 100%;
    height: 30px;
    width: 30px; } }
.loading-logo2 {
  position: fixed;
  left: 50%;
  top: 50%;
  margin-top: -15px;
  margin-left: -15px;
  border-radius: 100%;
  height: 80px;
  width: 80px; }

.spin {
  position: absolute;
  -webkit-animation: spin 1s infinite linear;
  -moz-animation: spin 1s infinite linear;
  -ms-animation: spin 1s infinite linear;
  -o-animation: spin 1s infinite linear;
  animation: spin 1s infinite linear; }

@keyframes "spin" {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    transform: rotate(359deg); } }
@-moz-keyframes spin {
  from {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -moz-transform: rotate(359deg);
    transform: rotate(359deg); } }
@-webkit-keyframes "spin" {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }
@-ms-keyframes "spin" {
  from {
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -ms-transform: rotate(359deg);
    transform: rotate(359deg); } }
@-o-keyframes "spin" {
  from {
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -o-transform: rotate(359deg);
    transform: rotate(359deg); } }
@media (max-width: 767px) {
  .section-slides {
    position: relative;
    width: 100%;
    height: 100%; } }
@media (max-width: 767px) {
  .section-slides-port {
    position: relative;
    width: 100%;
    height: 400px; } }
@media (min-width: 768px) {
  .section-slides,
  .section-slides-port {
    position: relative;
    width: 100%;
    height: 700px; }

  .section-slides.section-footer {
    position: relative;
    width: 100%;
    height: auto; }

  .section-slides-port.section-slides-port-video {
    height: 437px; } }
@media (min-width: 992px) {
  .section-slides,
  .section-slides-port {
    position: fixed;
    width: 100%;
    height: 100%; } }
.video-image {
  width: 100%; }

.googleMap img {
  max-width: none !important; }

.site-shade {
  position: fixed;
  z-index: 999999;
  width: 100%;
  height: 100%;
  cursor: url(images/close-b.png) 38 38, default;
  opacity: 0.85;
  display: none; }

@media (max-width: 767px) {
  .site-shade-content {
    position: fixed;
    z-index: 99999999999999999999999999999;
    width: 70%;
    left: 50%;
    top: 40%;
    margin-left: -35%;
    display: none; }

  .share-links-site {
    position: fixed;
    z-index: 99999999999999999999999999999;
    width: 80%;
    left: 50%;
    top: 40%;
    margin-left: -40%;
    display: none; } }
@media (min-width: 768px) {
  .site-shade-content {
    position: fixed;
    z-index: 99999999999999999999999999999;
    width: 50%;
    left: 50%;
    top: 40%;
    margin-left: -25%;
    display: none; }

  .share-links-site {
    position: fixed;
    z-index: 99999999999999999999999999999;
    width: 50%;
    left: 50%;
    top: 40%;
    margin-left: -25%;
    display: none; } }
.share-links-site a {
  float: right;
  list-style: none;
  display: block; }

.share-links-site a {
  width: 25%;
  padding: 40px 0;
  font-size: 20px;
  line-height: 1.5;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  color: #fff;
  background-color: #191919;
  text-align: center; }

.share-links-site a:nth-child(odd) {
  background-color: #151515; }

.share-links-site .fb:hover {
  background-color: #3B5998; }

.share-links-site .twit:hover {
  background-color: #4099FF; }

.share-links-site .goog:hover {
  background-color: #D34836; }

.left .part-top {
  left: 0;
  height: 57px;
  background: rgba(255, 255, 255, 0.95);
  position: fixed;
  padding: 0;
  z-index: 9999999999999999999999999999;
  border: 1px solid #ddd;
  border-top: none; }

.right .part-top {
  right: 0;
  height: 57px;
  background: rgba(255, 255, 255, 0.95);
  position: fixed;
  padding: 0;
  z-index: 9999999999999999999999999999;
  border: 1px solid #ddd;
  border-top: none; }

.custom-pagination {
  margin-top: 20px; }

.custom-pagination .page-numbers {
  color: #000;
  padding: 0 6px;
  display: inline-block; }
.custom-pagination .next.page-numbers,
.custom-pagination .prev.page-numbers {
  top: 2px;
  position: relative;
  font-size: 25px;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out; }
.custom-pagination .next.page-numbers {
  margin: 0 0 0 5px; }
.custom-pagination .prev.page-numbers {
  margin: 0 5px 0 0; }

/* columns of same height styles */
.container-xs-height {
  display: table;
  padding-left: 0px;
  padding-right: 0px; }

.row-xs-height {
  display: table-row; }

.col-xs-height {
  display: table-cell;
  float: none; }

@media (min-width: 992px) {
  .container-md-height {
    display: table;
    padding-left: 0px;
    padding-right: 0px; }

  .row-md-height {
    display: table-row; }

  .col-md-height {
    display: table-cell;
    float: none; } }
@media (min-width: 1200px) {
  .container-lg-height {
    display: table;
    padding-left: 0px;
    padding-right: 0px; }

  .row-lg-height {
    display: table-row; }

  .col-lg-height {
    display: table-cell;
    float: none; } }
/* vertical alignment styles */
.col-top {
  vertical-align: top; }

.col-middle {
  vertical-align: middle; }

.col-bottom {
  vertical-align: bottom; }

.go-top {
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  letter-spacing: 1px;
  text-transform: uppercase;
  float: right;
  margin-left: 35px;
  font-size: 11px;
  margin-top: 3px;
  cursor: pointer; }

.logged-in-as {
  font-size: 14px; }

.index-paginate {
  font-size: 11px;
  letter-spacing: 1px;
  text-transform: uppercase; }

.index-paginate a {
  color: #000; }

@media (max-width: 767px) {
  .sidenav-text {
    font-style: italic;
    font-size: 14px;
    line-height: 1.7;
    color: #ddd;
    margin: 30px 0;
    text-align: left; } }
@media (min-width: 768px) {
  .sidenav-text {
    font-style: italic;
    font-size: 14px;
    line-height: 1.7;
    color: #ddd;
    margin: 30px 0;
    text-align: center; } }
.sidenav-text a {
  color: #aaa; }

.sidenav-text a:hover {
  color: #fff; }

/* #blog
--------------------------------------------------*/
.po-blog {
  	/**
   * 6.5 Gallery
   * -----------------------------------------------------------------------------
   */
  /* Safari 6.1+ (8.0 is the latest version of Safari at this time) */
  /* Chrome 28+ (Chrome is version 40 at the time of this posting) */ }
  @media (max-width: 767px) {
    .po-blog .po-page-structure {
      width: 100%;
      min-height: 352px; } }
  @media (min-width: 768px) {
    .po-blog .po-page-structure {
      width: 100%;
      min-height: 460px; } }
  @media (min-width: 992px) {
    .po-blog .po-page-structure {
      width: 100%;
      min-height: 560px; } }
  @media (max-width: 767px) {
    .po-blog .po-page-middle {
      width: 90%;
      margin: -402px auto 25px;
      z-index: 999;
      position: relative;
      padding: 0px; } }
  @media (min-width: 768px) {
    .po-blog .po-page-middle {
      width: 90%;
      margin: -600px auto 70px;
      z-index: 999;
      position: relative;
      padding: 0px; } }
  @media (min-width: 992px) {
    .po-blog .po-page-middle {
      width: 70%;
      margin: -700px auto 70px;
      z-index: 999;
      position: relative;
      padding: 0px; } }
  @media (max-width: 767px) {
    .po-blog .po-content-middle {
      padding: 30px 30px 35px; } }
  @media (min-width: 768px) {
    .po-blog .po-content-middle {
      padding: 60px 50px 65px; } }
  @media (min-width: 992px) {
    .po-blog .po-content-middle {
      padding: 30px 35px 30px; } }
  @media (max-width: 767px) {
    .po-blog .po-content-middle-single {
      padding: 30px 30px 35px; } }
  @media (min-width: 768px) {
    .po-blog .po-content-middle-single {
      padding: 65px 50px; } }
  @media (min-width: 992px) {
    .po-blog .po-content-middle-single {
      padding: 70px 100px 75px; } }
  @media (max-width: 767px) {
    .po-blog .po-content-middle-format {
      padding: 30px 30px 35px; } }
  @media (min-width: 768px) {
    .po-blog .po-content-middle-format {
      padding: 30px 50px 65px; } }
  @media (min-width: 992px) {
    .po-blog .po-content-middle-format {
      padding: 5px 35px 0px; } }
  .po-blog .blog-item {
    height: 495px;
    margin-bottom: 80px; }
  .po-blog .masonary .blog-item,
  .po-blog .masonary .blog-item-standard {
    height: auto;
    margin-bottom: 50px; }
  .po-blog .masonary .standard-masonary {
    position: relative;
    padding-top: 32px !important; }
  .po-blog .blog-item-standard {
    height: 570px;
    margin-bottom: 80px; }
  .po-blog .entry-content.blog-video iframe {
    padding: 0;
    margin: 0;
    margin-bottom: 20px; }
  @media (max-width: 767px) {
    .po-blog .po-content-nav {
      padding: 5px 28px 5px; } }
  @media (min-width: 768px) {
    .po-blog .po-content-nav {
      padding: 5px 28px 5px; } }
  @media (min-width: 992px) {
    .po-blog .po-content-nav {
      padding: 0px 28px 0px; } }
  @media (max-width: 767px) {
    .po-blog .non-immediate-parent-container-b,
    .po-blog .po-bg-image {
      width: 100%;
      height: 400px;
      background: #d9d9d9; } }
  @media (min-width: 768px) {
    .po-blog .non-immediate-parent-container-b,
    .po-blog .po-bg-image {
      width: 100%;
      height: 580px;
      background: #d9d9d9; } }
  @media (min-width: 992px) {
    .po-blog .non-immediate-parent-container-b,
    .po-blog .po-bg-image {
      width: 100%;
      height: 250px;
      background: #d9d9d9; } }
  .po-blog .bg-image-ani {
    display: none; }
  @media (max-width: 767px) {
    .po-blog .po-article {
      margin: 0 0 0; } }
  @media (min-width: 768px) {
    .po-blog .po-article {
      margin: 0 0 0; } }
  @media (min-width: 992px) {
    .po-blog .po-article {
      margin: 0 0 0; } }
  @media (max-width: 767px) {
    .po-blog .blog-header .entry-title {
      font-size: 20px;
      font-weight: 600;
      margin: 0 0 0px;
      line-height: 1.3; } }
  @media (min-width: 768px) {
    .po-blog .blog-header .entry-title {
      font-size: 25px;
      font-weight: 600;
      margin: 0 0 0px; } }
  @media (min-width: 992px) {
    .po-blog .blog-header .entry-title {
      font-size: 13px;
      letter-spacing: 2px;
      line-height: 1.6;
      font-weight: 700;
      margin: 0 0 0px;
      text-transform: uppercase; } }
  .po-blog .blog-header .entry-title a,
  .po-blog .blog-header .entry-title {
    color: #000; }
  .po-blog h1.post-title {
    font-size: 12px;
    margin-bottom: 30px;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700 !important; }
  @media (max-width: 767px) {
    .po-blog .blog-content.entry-content {
      font-size: 15px;
      line-height: 1.7; } }
  @media (min-width: 768px) {
    .po-blog .blog-content.entry-content {
      font-size: 17px; } }
  @media (min-width: 992px) {
    .po-blog .blog-content.entry-content {
      font-size: 17px; } }
  @media (max-width: 767px) {
    .po-blog .blog-content.entry-content {
      margin-top: 10px; } }
  @media (min-width: 768px) {
    .po-blog .blog-content.entry-content {
      margin-top: 30px; } }
  @media (min-width: 992px) {
    .po-blog .blog-content.entry-content {
      margin-top: 25px; } }
  .po-blog .blog-content.entry-content ul,
  .po-blog .blog-content.entry-content ol {
    padding: 2px 0 5px 20px;
    font-size: 17px;
    line-height: 1.7; }
  .po-blog .blog-content.entry-content ul ul,
  .po-blog .blog-content.entry-content ol ol {
    padding: 0px 0 20px 20px; }
  .po-blog .blog-content.entry-content ul li {
    padding: 0;
    list-style: disc;
    font-size: 17px; }
  .po-blog .blog-content.entry-content ul li ul li {
    padding: 0;
    list-style: circle;
    font-size: 16px; }
  .po-blog .blog-content.entry-content ul li ul li ul li {
    padding: 0;
    list-style: square;
    font-size: 15px; }
  .po-blog .blog-content.entry-content ol li {
    padding: 0;
    font-size: 17px;
    list-style: decimal; }
  .po-blog .blog-content.entry-content ol li ol li {
    padding: 0;
    list-style: decimal;
    font-size: 16px; }
  .po-blog .blog-content.entry-content ol li ol li ol li {
    padding: 0;
    list-style: decimal;
    font-size: 15px; }
  .po-blog .entry-content img {
    max-width: 100%;
    height: auto; }
  .po-blog .blog-content.entry-content img,
  .po-blog .blog-content.entry-content iframe {
    margin-top: 20px;
    margin-bottom: 20px; }
  .po-blog .blog-content.entry-content iframe {
    padding-bottom: 20px; }
  .po-blog .entry-content img {
    margin-top: 20px; }
  @media (max-width: 767px) {
    .po-blog .more-link {
      font-size: 15px; } }
  @media (min-width: 768px) {
    .po-blog .more-link {
      font-size: 17px; } }
  @media (min-width: 992px) {
    .po-blog .more-link {
      font-size: 17px; } }
  .po-blog .more-link:hover {
    color: #333; }
  .po-blog .post-meta {
    font-size: 13px;
    color: #999;
    float: left;
    margin: 0px 20px 0px 0; }
  .po-blog .post-meta a,
  .po-blog .edit-link a {
    color: #999; }
  .po-blog .edit-link {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #bbb;
    font-weight: 700; }
  .po-blog .post-meta-single {
    font-size: 15px;
    color: #999;
    float: left;
    margin: 0px 20px 0px 0; }
  .po-blog .post-meta-single a {
    color: #999; }
  .po-blog .post-meta-single-tags {
    font-size: 14px;
    color: #aaa;
    margin: 10px 20px 0px 0;
    word-spacing: 2px; }
  .po-blog .entry-meta table td {
    vertical-align: top;
    padding-right: 25px; }
  .po-blog .post-love a:hover {
    color: #F9635D; }
  .po-blog .edit-link {
    margin: 15px 0 0; }
  .po-blog .blog-content.entry-content .comment-list ul ul,
  .po-blog .blog-content.entry-content .comment-list ol ol {
    padding: 0px 0 20px 20px; }
  .po-blog .blog-content.entry-content .comment-list ul li {
    padding: 0;
    list-style: disc;
    font-size: 17px; }
  .po-blog .blog-content.entry-content .comment-list ul li ul li {
    padding: 0;
    list-style: circle;
    font-size: 16px; }
  .po-blog .blog-content.entry-content .comment-list ul li ul li ul li {
    padding: 0;
    list-style: square;
    font-size: 15px; }
  .po-blog .blog-content.entry-content .comment-list ol li {
    padding: 0;
    font-size: 17px;
    list-style: decimal; }
  .po-blog .blog-content.entry-content .comment-list ol li ol li {
    padding: 0;
    list-style: decimal;
    font-size: 16px; }
  .po-blog .blog-content.entry-content .comment-list ol li ol li ol li {
    padding: 0;
    list-style: decimal;
    font-size: 15px; }
  .po-blog .blog-content.entry-content .comments-title {
    font-size: 16px;
    font-style: italic;
    margin: 60px 0 10px; }
  .po-blog .blog-content.entry-content .comment-list {
    list-style: none;
    padding: 0; }
  .po-blog .blog-content.entry-content .comment-list li.comment {
    list-style: none !important;
    padding: 40px 0 10px;
    border-bottom: 1px solid #eee; }
  .po-blog .blog-content.entry-content .comment-list li:last-child {
    border-bottom: none; }
  .po-blog .blog-content.entry-content .comments-author {
    font-size: 15px;
    font-weight: 400;
    margin: 5px 0 0px;
    color: #000; }
  .po-blog .blog-content.entry-content .comments-author a {
    color: #000; }
  .po-blog .blog-content.entry-content .comment-metadata:after {
    content: ' / '; }
  .po-blog .blog-content.entry-content .comment-metadata {
    font-size: 14px;
    font-style: italic; }
  .po-blog .blog-content.entry-content .comment-metadata {
    color: #999; }
  .po-blog .blog-content.entry-content .reply {
    font-size: 10px; }
  .po-blog .blog-content.entry-content .comment-reply-link {
    color: #999;
    font-size: 14px;
    font-style: italic; }
  .po-blog .blog-content.entry-content .comment-metadata a {
    color: #999; }
  .po-blog .blog-content.entry-content .comment-content {
    font-size: 16px;
    margin: 20px 0; }
  .po-blog .blog-content.entry-content .comment-reply-title {
    font-size: 12px;
    text-transform: uppercase !important;
    letter-spacing: 1px;
    font-weight: 600;
    margin: 50px 0 30px; }
  .po-blog .blog-content.entry-content .comments-reply {
    font-size: 20px;
    font-weight: 600;
    margin: 50px 0 30px; }
  .po-blog .comment-reply-title {
    font-size: 13px;
    text-transform: uppercase !important;
    letter-spacing: 2px;
    font-weight: 600;
    margin: 50px 0 30px; }
  .po-blog .blog-form textarea {
    height: 150px; }
  .po-blog .blog-form input[type="text"],
  .po-blog .blog-form input[type="email"],
  .po-blog .blog-form textarea {
    width: 100%;
    font-size: 14px;
    border: none;
    border-bottom: 1px solid #ddd;
    padding: 7px 0px;
    margin: 10px 0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out; }
  .po-blog .blog-form input[type="text"]:hover,
  .po-blog .blog-form input[type="email"]:hover,
  .po-blog .blog-form textarea:hover {
    border-bottom: 1px solid #999; }
  .po-blog .blog-form textarea {
    background: none !important; }
  .po-blog input[type="submit"]#blog-form {
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    cursor: pointer;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    color: #fff;
    background: #222;
    padding: 8px 15px;
    margin: 10px 0 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none; }
  .po-blog .comment-awaiting-moderation {
    color: #F9635D;
    margin: 29px 0 0; }
  .po-blog .archive-header {
    font-size: 11px;
    font-weight: 700 !important;
    margin-top: 40px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #aaa; }
  .po-blog .archive-list {
    padding-left: 22px;
    padding: 5px 0 5px 20px !important; }
  .po-blog .archive-list li {
    padding: 0;
    list-style: disc;
    font-size: 14px !important;
    padding: 5px 0 !important; }
  .po-blog .archive-list li a {
    color: #000; }
  @media (max-width: 767px) {
    .po-blog .blog-content.entry-content blockquote p {
      font-size: 18px;
      line-height: 1.5;
      font-style: italic;
      font-weight: 500;
      color: #000; } }
  @media (min-width: 768px) {
    .po-blog .blog-content.entry-content blockquote p {
      font-size: 25px;
      line-height: 1.5;
      font-style: italic;
      font-weight: 500;
      color: #000; } }
  @media (max-width: 767px) {
    .po-blog .blog-content.entry-content blockquote {
      text-align: center;
      border-left: none;
      padding: 10px 0; } }
  @media (min-width: 768px) {
    .po-blog .blog-content.entry-content blockquote {
      text-align: center;
      border-left: none;
      padding: 50px 0; } }
  .po-blog .blog-content.entry-content ul,
  .po-blog .blog-content.entry-content ol {
    padding: 2px 0 20px 20px;
    font-size: 17px;
    line-height: 1.7; }
  .po-blog .blog-content.entry-content li {
    padding: 0;
    list-style: disc; }
  .po-blog .entry-content ul li {
    list-style: disc;
    font-size: 15px; }
  .po-blog .entry-content ol li {
    padding: 5px 0;
    font-size: 15px; }
  .po-blog .blog-content-link a {
    display: none; }
  @media (max-width: 767px) {
    .po-blog .liquid-container-format {
      height: 250px;
      background-color: #aaa; } }
  @media (min-width: 768px) {
    .po-blog .liquid-container-format {
      height: 300px;
      background-color: #aaa; } }
  @media (min-width: 992px) {
    .po-blog .liquid-container-format {
      height: 400px;
      background-color: #aaa; } }
  .po-blog .link-thumb h1 {
    color: #fff;
    padding-bottom: 30px; }
  .po-blog .link-thumb p {
    color: rgba(255, 255, 255, 0.5);
    font-size: 16px; }
  @media (max-width: 767px) {
    .po-blog .link-thumb {
      display: table;
      width: 100%;
      position: absolute;
      height: 250px;
      padding: 0 30px;
      transition: all 0.2s ease-in-out;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out; } }
  @media (min-width: 768px) {
    .po-blog .link-thumb {
      display: table;
      width: 100%;
      position: absolute;
      height: 300px;
      padding: 0 50px;
      transition: all 0.2s ease-in-out;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out; } }
  @media (min-width: 992px) {
    .po-blog .link-thumb {
      display: table;
      width: 100%;
      position: absolute;
      height: 350px;
      padding: 0 100px;
      transition: all 0.2s ease-in-out;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      opacity: 0.9;
      cursor: url(images/cross.png) 38 38, default; } }
  .po-blog .link-thumb span {
    vertical-align: middle;
    display: table-cell; }
  @media (max-width: 767px) {
    .po-blog .quote-thumb h1 {
      color: #fff;
      font-size: 18px;
      font-weight: 600;
      padding-bottom: 10px;
      line-height: 1.4; } }
  @media (min-width: 768px) {
    .po-blog .quote-thumb h1 {
      color: #fff;
      font-size: 20px;
      font-weight: 500;
      padding-bottom: 10px;
      line-height: 1.4; } }
  .po-blog .quote-thumb p {
    color: rgba(255, 255, 255, 0.5);
    font-size: 16px; }
  @media (max-width: 767px) {
    .po-blog .quote-thumb {
      padding: 30px 30px; } }
  @media (min-width: 768px) {
    .po-blog .quote-thumb {
      padding: 50px 50px; } }
  @media (min-width: 992px) {
    .po-blog .quote-thumb {
      padding: 30px 60px; } }
  .po-blog pre {
    border: none;
    padding: 30px 20px !important;
    margin: 40px 0;
    line-height: 2;
    background: #f5f5f5;
    border-top: 1px solid #e9e9e9;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    white-space: pre-wrap;
    /* css-3 */
    white-space: -moz-pre-wrap;
    /* Mozilla, since 1999 */
    white-space: -pre-wrap;
    /* Opera 4-6 */
    white-space: -o-pre-wrap;
    /* Opera 7 */
    word-wrap: break-word;
    /* Internet Explorer 5.5+ */ }
  .po-blog cite,
  .po-blog blockquote small {
    color: #999;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-style: normal; }
  .po-blog .blog-content.entry-content table,
  .po-blog .blog-content.entry-content th,
  .po-blog .blog-content.entry-content td {
    border: 1px solid #e1e1e1; }
  .po-blog .entry-content table,
  .po-blog .widget-area table {
    border-collapse: separate;
    border-spacing: 0;
    margin-bottom: 24px;
    width: 100%; }
  .po-blog .blog-content.entry-content caption,
  .po-blog .blog-content.entry-content th,
  .po-blog .blog-content.entry-content td {
    font-weight: normal;
    text-align: left; }
  .po-blog .blog-content.entry-content th {
    border-width: 0 1px 1px 0;
    color: #000;
    font-size: 11px;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px; }
  .po-blog dl dt {
    border-width: 0 1px 1px 0;
    color: #000;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px; }
  .po-blog dl dd {
    border-width: 0 1px 1px 0;
    font-size: 14px;
    line-height: 1.7; }
  .po-blog .blog-content.entry-content td {
    border-width: 0 1px 1px 0; }
  .po-blog .entry-content del {
    color: #999; }
  .po-blog .entry-content hr {
    background-color: #e1e1e1;
    border: 0;
    height: 1px;
    margin-bottom: 23px; }
  .po-blog .blog-content.entry-content td,
  .po-blog .comment-content td {
    padding: 8px; }
  .po-blog .blog-content.entry-content table,
  .po-blog .comment-content table {
    font-size: 14px;
    line-height: 1.2857142857;
    margin-bottom: 24px; }
  .po-blog .blog-content.entry-content th,
  .po-blog .comment-content th {
    font-weight: 700;
    padding: 8px;
    text-transform: uppercase; }
  .po-blog .blog-content h1, .po-blog .blog-content h2, .po-blog .blog-content h3, .po-blog .blog-content h4, .po-blog .blog-content h5, .po-blog .blog-content h6 {
    font-weight: 400; }
  .po-blog dt {
    margin: 20px 0 2px; }
  .po-blog .alignleft {
    float: left; }
  .po-blog .alignright {
    float: right; }
  .po-blog .aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto; }
  .po-blog .entry-content img.size-full,
  .po-blog .entry-content img.size-large,
  .po-blog .entry-content .wp-post-image,
  .po-blog .entry-content .post-thumbnail img,
  .po-blog .entry-content .alignnone {
    height: auto;
    max-width: 100%; }
  .po-blog .entry-content img.alignleft {
    height: auto;
    width: auto; }
  .po-blog blockquote.alignleft,
  .po-blog figure.wp-caption.alignleft,
  .po-blog img.alignleft {
    margin: 7px 24px 7px 0; }
  .po-blog .wp-caption.alignleft {
    margin: 7px 14px 7px 0; }
  .po-blog blockquote.alignright,
  .po-blog figure.wp-caption.alignright,
  .po-blog img.alignright {
    margin: 7px 0 7px 24px; }
  .po-blog .wp-caption.alignright {
    margin: 7px 0 7px 14px; }
  .po-blog blockquote.aligncenter,
  .po-blog img.aligncenter,
  .po-blog .wp-caption.aligncenter {
    margin-top: 7px;
    margin-bottom: 7px; }
  .po-blog .wp-caption img[class*="wp-image-"] {
    display: block;
    margin-bottom: 0px; }
  .po-blog .wp-caption {
    color: #767676; }
  .po-blog .wp-caption-text {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 13px;
    font-style: italic;
    line-height: 1.5;
    margin: 9px 0 20px; }
  @media (max-width: 767px) {
    .po-blog div.wp-caption .wp-caption-text {
      padding: 0 7%; } }
  .po-blog div.wp-caption.alignright img[class*="wp-image-"] {
    padding-left: 10px;
    padding-right: 0; }
  .po-blog .wp-smiley {
    border: 0;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0; }
  .po-blog .full-width .post-thumbnail img {
    display: block;
    margin: 0 auto; }
  .po-blog .attachment .site-content .attachment img {
    display: block;
    margin: 0 auto; }
  .po-blog .gallery {
    margin: 30px 0; }
  @media (max-width: 767px) {
    .po-blog .gallery-caption {
      display: none; } }
  .po-blog .gallery-caption {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 13px;
    line-height: 1.5;
    margin: 0;
    max-height: 50%;
    opacity: 0;
    padding: 6px 8px;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: left;
    width: 100%; }
  .po-blog .gallery-caption:before {
    content: "";
    height: 100%;
    min-height: 49px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; }
  .po-blog .gallery-item:hover .gallery-caption {
    opacity: 1; }
  .po-blog .gallery-columns-7 .gallery-caption,
  .po-blog .gallery-columns-8 .gallery-caption,
  .po-blog .gallery-columns-9 .gallery-caption {
    display: none; }
  .po-blog .bypostauthor > article .fn:before {
    position: relative; }
  .po-blog .po-pagination {
    padding: 60px;
    background: #e9e9e9; }
  .po-blog .blog-author-avatar img {
    display: block;
    overflow: hidden;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;
    margin: 0 auto;
    max-width: 90px; }
  .po-blog .avatar {
    margin-top: 3px !important;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px; }
  .po-blog a.blog-share-btn {
    border: 1px solid #ddd;
    padding: 5px 0px;
    background: #FFF;
    margin-right: 15px;
    float: left;
    width: 36px;
    text-align: center;
    height: 36px;
    color: #bbb;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;
    font-size: 14px; }
  .po-blog a.blog-share-btn:hover {
    color: #fff; }
  .po-blog a.blog-share-btn.twit:hover {
    background-color: #4099FF;
    border: 1px solid #4099FF; }
  .po-blog a.blog-share-btn.fb:hover {
    background-color: #3B5998;
    border: 1px solid #3B5998; }
  .po-blog a.blog-share-btn.goog:hover {
    background-color: #D34836;
    border: 1px solid #D34836; }
  @media (max-width: 767px) {
    .po-blog .blog-share-cont {
      position: absolute;
      bottom: -38px;
      z-index: 999999999999999999;
      text-align: center;
      padding-left: 43px; } }
  @media (min-width: 768px) {
    .po-blog .blog-share-cont {
      position: absolute;
      bottom: -42px;
      z-index: 999999999999999999;
      text-align: center;
      padding-left: 43px; } }
  .po-blog .masonary .blog-share-cont {
    position: absolute;
    bottom: -18px;
    z-index: 999999999999999999;
    text-align: center;
    padding-left: 43px; }
  .po-blog .masonary .blog-item .blog-share-cont {
    bottom: -17px; }
  .po-blog .masonary .blog-share-cont.fix {
    bottom: -10px; }
  .po-blog .masonary .blog-share-cont.fix.audio {
    bottom: -9px; }
  @media screen and (min-color-index: 0) and (-webkit-min-device-pixel-ratio: 0) {
    .po-blog .masonary .blog-share-cont.fix {
      bottom: -18px; }
    .po-blog .masonary .blog-share-cont.fix.audio {
      bottom: -18px; } }
  @supports (-webkit-appearance: none) {
    .po-blog .masonary .blog-share-cont.fix {
      bottom: -9px; }
    .po-blog .masonary .blog-share-cont.fix.audio {
      bottom: -9px; } }
  .po-blog .standard-height,
  .po-blog .standard-height-video {
    height: 570px !important; }
  .po-blog .masonary .standard-height {
    height: auto !important;
    padding-bottom: 20px; }
  .po-blog .masonary .standard-height-video {
    height: auto !important;
    padding-bottom: 10px; }
  .po-blog .standard-aside-height {
    height: 570px !important; }
  .po-blog .masonary .standard-aside-height {
    height: auto !important;
    padding-bottom: 20px; }
  .po-blog .standard-aside-height2 {
    height: 495px !important; }
  .po-blog .masonary .standard-aside-height2 {
    height: auto !important; }
  .po-blog .masonary .blog-item-standard .video-height {
    height: auto !important;
    padding-bottom: 0px; }
  .po-blog .masonary .blog-item .video-height {
    height: auto !important;
    padding-bottom: 10px; }
  .po-blog .video-height {
    height: 338px !important; }
  .po-blog .gallery-height {
    height: 370px !important; }
  .po-blog .masonary .gallery-height {
    height: auto !important;
    padding-bottom: 20px; }
  .po-blog .audio-height-sc {
    height: 452px !important; }
  .po-blog .audio-height {
    height: 540px !important; }
  .po-blog .audio-height-sc-minimal {
    height: 377px !important; }
  .po-blog .audio-height-minimal {
    height: 463px !important; }
  .po-blog .masonary .audio-height-minimal,
  .po-blog .masonary .audio-height-sc-minimal {
    height: auto !important;
    margin-bottom: 1px; }
  .po-blog .masonary .audio-height-minimal .blog-read,
  .po-blog .masonary .audio-height-sc-minimal .blog-read {
    margin-bottom: 20px; }
  .po-blog .masonary .audio-height,
  .po-blog .masonary .audio-height-sc {
    height: auto !important;
    padding-bottom: 20px; }
  .po-blog .audio-height2 {
    height: 367px !important; }
  .po-blog .masonary .audio-height2 {
    height: auto !important;
    padding-bottom: 20px; }
  .po-blog .minimal-height,
  .po-blog .minimal-height-bg {
    height: 495px !important; }
  .po-blog .masonary .minimal-height {
    height: 100% !important; }
  .po-blog .masonary .minimal-height-bg,
  .po-blog .minimal-height-bg-sc,
  .po-blog .minimal-height-bg-audio {
    position: absolute !important;
    height: 100% !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important; }
  .po-blog .minimal-height-bg-sc {
    height: 372px !important; }
  .po-blog .minimal-height-bg-audio {
    height: 465px !important; }
  .po-blog .minimal-height-gallery {
    height: 495px !important; }
  @media (max-width: 767px) {
    .po-blog .blog-share-cont-standard {
      text-align: center;
      position: absolute;
      bottom: -18px;
      z-index: 999999999999999999;
      padding-left: 0px; }
    .po-blog .blog-share-cont-line {
      border-top: 1px solid #ddd;
      margin-bottom: 10px;
      margin-left: 7%;
      width: 86%; } }
  @media (min-width: 768px) {
    .po-blog .blog-share-cont-standard {
      text-align: center;
      position: absolute;
      bottom: -18px;
      z-index: 999999999999999999;
      padding-left: 0px; }
    .po-blog .blog-share-cont-line {
      border-top: 1px solid #ddd;
      margin-bottom: 10px;
      margin-left: 10%;
      width: 80%; } }
  @media (min-width: 1200px) {
    .po-blog .blog-share-cont-standard {
      margin-top: 40px;
      text-align: center;
      position: absolute;
      bottom: -18px;
      z-index: 999999999999999999;
      padding-left: 18px; }
    .po-blog .blog-share-cont-line {
      border-top: 1px solid #ddd;
      margin: 0px auto 30px;
      width: 60%; }
    .po-blog .sidebar .blog-share-cont-line {
      border-top: 1px solid #ddd;
      margin-top: 0;
      margin-bottom: 30px;
      margin-left: 5%;
      width: 90%; } }
  .po-blog .standard-video-button {
    width: 200px;
    background: #222;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #fff;
    padding: 10px 15px;
    margin: 0px auto 0;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out; }
  @media (max-width: 767px) {
    .po-blog .blog-quote-cont-standard {
      padding: 3em 0;
      position: relative;
      z-index: 99;
      max-width: 100%;
      display: table;
      height: auto;
      transition: all 0.2s ease-in-out;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      background: rgba(0, 0, 0, 0.5); } }
  @media (min-width: 768px) {
    .po-blog .blog-quote-cont-standard {
      padding: 4em 0;
      position: relative;
      z-index: 99;
      max-width: 100%;
      display: table;
      height: auto;
      transition: all 0.2s ease-in-out;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      background: rgba(0, 0, 0, 0.5); } }
  @media (min-width: 1200px) {
    .po-blog .blog-quote-cont-standard {
      padding: 100px 3em;
      position: relative;
      z-index: 99;
      max-width: 100%;
      display: table;
      height: auto;
      transition: all 0.2s ease-in-out;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      background: rgba(0, 0, 0, 0.5); } }
  @media (max-width: 767px) {
    .po-blog .quote-cont {
      width: 100%;
      margin: 40px 0;
      height: auto; } }
  @media (min-width: 768px) {
    .po-blog .quote-cont {
      width: 100%;
      margin: 40px 0;
      height: auto; } }
  .po-blog .quote-cont:hover .blog-quote-cont-standard {
    background: #222; }
  @media (max-width: 767px) {
    .po-blog .blog-quote-standard {
      color: #fff;
      font-size: 16px;
      transition: all 0.2s ease-in-out;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      display: table-cell;
      vertical-align: middle;
      line-height: 1.5;
      font-style: italic;
      text-align: center; } }
  @media (min-width: 768px) {
    .po-blog .blog-quote-standard {
      color: #fff;
      font-size: 19px;
      transition: all 0.2s ease-in-out;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      display: table-cell;
      vertical-align: middle;
      line-height: 1.5;
      font-style: italic;
      text-align: center; } }
  @media (min-width: 1200px) {
    .po-blog .blog-quote-standard {
      color: #fff;
      font-size: 25px;
      transition: all 0.2s ease-in-out;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      display: table-cell;
      vertical-align: middle;
      line-height: 1.5;
      font-style: italic;
      text-align: center; } }
  .po-blog .blog-top-image-standard {
    width: 100%;
    height: 495px;
    background: #111;
    position: absolute;
    opacity: 0.5;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out; }
  .po-blog .quote-cont:hover .blog-top-image-standard {
    opacity: 0.8; }
  .po-blog .sidebar .po-article .actual-content p, .po-blog .sidebar .po-article .actual-content h1, .po-blog .sidebar .po-article .actual-content h2, .po-blog .sidebar .po-article .actual-content h3, .po-blog .sidebar .po-article .actual-content h4, .po-blog .sidebar .po-article .actual-content h5, .po-blog .sidebar .po-article .actual-content h6, .po-blog .sidebar .po-article .actual-content ul, .po-blog .sidebar .po-article .actual-content ol, .po-blog .sidebar .po-article .actual-content pre, .po-blog .sidebar .po-article .actual-content table, .po-blog .sidebar .po-article .actual-content dl, .po-blog .sidebar .po-article .actual-content address, .po-blog .sidebar .po-article .actual-content .post-password-form, .po-blog .sidebar .po-article .actual-content .post-banner-details-standard, .po-blog .sidebar .po-article .actual-content .blog-share-cont-standard {
    width: 100%;
    position: relative;
    min-height: 1px;
    margin-left: 0%; }
  .po-blog .sidebar .po-article .actual-content blockquote,
  .po-blog .sidebar .po-article .actual-content .gallery-bg-standard-cont {
    width: 100% !important;
    position: relative;
    min-height: 1px;
    margin-left: 0% !important; }
  .po-blog .sidebar .po-article .actual-content .twitter-tweet,
  .po-blog .sidebar .po-article .actual-content .gallery {
    width: 100% !important;
    position: relative !important;
    min-height: 1px !important;
    margin-left: 0% !important; }
  .po-blog .po-article .actual-content p, .po-blog .po-article .actual-content ul, .po-blog .po-article .actual-content ol {
    color: #666; }
  @media (max-width: 767px) {
    .po-blog .po-article .actual-content .mejs-container {
      width: 86% !important;
      position: relative;
      min-height: 1px;
      margin-left: 7%; }
    .po-blog .po-article .actual-content p, .po-blog .po-article .actual-content h1, .po-blog .po-article .actual-content h2, .po-blog .po-article .actual-content h3, .po-blog .po-article .actual-content h4, .po-blog .po-article .actual-content h5, .po-blog .po-article .actual-content h6, .po-blog .po-article .actual-content ul, .po-blog .po-article .actual-content ol, .po-blog .po-article .actual-content pre, .po-blog .po-article .actual-content table, .po-blog .po-article .actual-content dl, .po-blog .po-article .actual-content address, .po-blog .po-article .actual-content .post-password-form, .po-blog .po-article .actual-content .post-banner-details-standard, .po-blog .po-article .actual-content .blog-share-cont-standard {
      width: 86%;
      position: relative;
      min-height: 1px;
      margin-left: 7%; }
    .po-blog .po-article .actual-content #nothing-here-at-the-moment {
      max-width: 86% !important;
      height: auto !important;
      position: relative;
      min-height: 1px;
      margin-left: 7%; } }
  @media (min-width: 768px) {
    .po-blog .po-article .actual-content .mejs-container {
      width: 80% !important;
      position: relative;
      min-height: 1px;
      margin-left: 10%; }
    .po-blog .po-article .actual-content p, .po-blog .po-article .actual-content h1, .po-blog .po-article .actual-content h2, .po-blog .po-article .actual-content h3, .po-blog .po-article .actual-content h4, .po-blog .po-article .actual-content h5, .po-blog .po-article .actual-content h6, .po-blog .po-article .actual-content ul, .po-blog .po-article .actual-content ol, .po-blog .po-article .actual-content pre, .po-blog .po-article .actual-content table, .po-blog .po-article .actual-content dl, .po-blog .po-article .actual-content address, .po-blog .po-article .actual-content .post-password-form, .po-blog .po-article .actual-content .post-banner-details-standard, .po-blog .po-article .actual-content .blog-share-cont-standard {
      width: 80%;
      position: relative;
      min-height: 1px;
      margin-left: 10%; }
    .po-blog .po-article .actual-content .sidebar p, .po-blog .po-article .actual-content .sidebar h1, .po-blog .po-article .actual-content .sidebar h2, .po-blog .po-article .actual-content .sidebar h3, .po-blog .po-article .actual-content .sidebar h4, .po-blog .po-article .actual-content .sidebar h5, .po-blog .po-article .actual-content .sidebar h6, .po-blog .po-article .actual-content .sidebar ul, .po-blog .po-article .actual-content .sidebar ol, .po-blog .po-article .actual-content .sidebar pre, .po-blog .po-article .actual-content .sidebar table, .po-blog .po-article .actual-content .sidebar dl, .po-blog .po-article .actual-content .sidebar address, .po-blog .po-article .actual-content .sidebar .post-password-form, .po-blog .po-article .actual-content .sidebar .post-banner-details-standard, .po-blog .po-article .actual-content .sidebar .blog-share-cont-standard {
      width: 90%;
      position: relative;
      min-height: 1px;
      margin-left: 5%; }
    .po-blog .po-article .actual-content #nothing-here-at-the-moment {
      max-width: 80% !important;
      height: auto !important;
      position: relative;
      min-height: 1px;
      margin-left: 10%; } }
  @media (min-width: 1200px) {
    .po-blog .po-article .actual-content .mejs-container {
      width: 80% !important;
      position: relative;
      min-height: 1px;
      margin-left: 10%; }
    .po-blog .po-article .actual-content p, .po-blog .po-article .actual-content h1, .po-blog .po-article .actual-content h2, .po-blog .po-article .actual-content h3, .po-blog .po-article .actual-content h4, .po-blog .po-article .actual-content h5, .po-blog .po-article .actual-content h6, .po-blog .po-article .actual-content ul, .po-blog .po-article .actual-content ol, .po-blog .po-article .actual-content pre, .po-blog .po-article .actual-content table, .po-blog .po-article .actual-content dl, .po-blog .po-article .actual-content address, .po-blog .po-article .actual-content .post-password-form, .po-blog .po-article .actual-content .post-banner-details-standard, .po-blog .po-article .actual-content .blog-share-cont-standard {
      width: 60%;
      position: relative;
      min-height: 1px;
      margin-left: 20%; }
    .po-blog .po-article .actual-content .sidebar p, .po-blog .po-article .actual-content .sidebar h1, .po-blog .po-article .actual-content .sidebar h2, .po-blog .po-article .actual-content .sidebar h3, .po-blog .po-article .actual-content .sidebar h4, .po-blog .po-article .actual-content .sidebar h5, .po-blog .po-article .actual-content .sidebar h6, .po-blog .po-article .actual-content .sidebar ul, .po-blog .po-article .actual-content .sidebar ol, .po-blog .po-article .actual-content .sidebar pre, .po-blog .po-article .actual-content .sidebar table, .po-blog .po-article .actual-content .sidebar dl, .po-blog .po-article .actual-content .sidebar address, .po-blog .po-article .actual-content .sidebar .post-password-form, .po-blog .po-article .actual-content .sidebar .post-banner-details-standard, .po-blog .po-article .actual-content .sidebar .blog-share-cont-standard {
      width: 90%;
      position: relative;
      min-height: 1px;
      margin-left: 5%; }
    .po-blog .po-article .actual-content #nothing-here-at-the-moment {
      max-width: 60% !important;
      height: auto !important;
      position: relative;
      min-height: 1px;
      margin-left: 20%; } }
  .po-blog .po-article .actual-content img.alignnone, .po-blog .po-article .actual-content .wp-caption.alignnone {
    width: 100% !important;
    height: auto;
    position: relative;
    padding-right: 0px !important;
    padding-left: 0px !important;
    margin-left: 0% !important;
    margin-top: 50px !important;
    margin-bottom: 50px !important; }
  .po-blog .po-article .actual-content .wp-caption.alignnone img {
    width: 100% !important;
    height: auto;
    position: relative;
    padding-right: 0px !important;
    padding-left: 0px !important;
    margin-left: 0% !important; }
  @media (max-width: 767px) {
    .po-blog .po-article .actual-content img.alignright {
      max-width: 86%;
      position: relative;
      min-height: 1px;
      margin-right: 7%;
      margin-left: 20px; }
    .po-blog .po-article .actual-content .wp-caption.alignright {
      max-width: 86%;
      position: relative;
      min-height: 1px;
      float: right;
      margin-right: 7%;
      margin-left: 20px; } }
  @media (min-width: 768px) {
    .po-blog .po-article .actual-content img.alignright {
      position: relative;
      min-height: 1px;
      margin-right: 20%;
      margin-left: 20px; }
    .po-blog .po-article .actual-content .wp-caption.alignright {
      position: relative;
      min-height: 1px;
      float: right;
      margin-right: 20%;
      margin-left: 20px; } }
  @media (max-width: 767px) {
    .po-blog .po-article .actual-content img.alignleft {
      max-width: 86%;
      position: relative;
      min-height: 1px;
      margin-left: 7%;
      margin-right: 20px; }
    .po-blog .po-article .actual-content p img.alignleft {
      max-width: 86%;
      position: relative;
      min-height: 1px;
      margin-left: 0%;
      margin-right: 20px; }
    .po-blog .po-article .actual-content .wp-caption.alignleft {
      max-width: 86%;
      position: relative;
      min-height: 1px;
      float: left;
      margin-left: 7%;
      margin-right: 20px; } }
  @media (min-width: 768px) {
    .po-blog .po-article .actual-content img.alignleft {
      position: relative;
      min-height: 1px;
      margin-left: 20%;
      margin-right: 20px; }
    .po-blog .po-article .actual-content p img.alignleft {
      position: relative;
      min-height: 1px;
      margin-left: 0%;
      margin-right: 20px; }
    .po-blog .po-article .actual-content .wp-caption.alignleft {
      position: relative;
      min-height: 1px;
      float: left;
      margin-left: 20%;
      margin-right: 20px; } }
  @media (max-width: 767px) {
    .po-blog .po-article .actual-content img.aligncenter {
      max-width: 100%;
      position: relative;
      min-height: 1px;
      margin-left: auto;
      margin-right: auto; }
    .po-blog .po-article .actual-content .wp-caption.aligncenter {
      max-width: 100%; } }
  @media (min-width: 768px) {
    .po-blog .po-article .actual-content img.aligncenter {
      position: relative;
      min-height: 1px;
      margin-left: auto;
      margin-right: auto; } }
  .po-blog .po-article .actual-content .wp-caption-text {
    width: 100%;
    text-align: center;
    margin-left: 0%;
    margin-top: 20px; }
  @media (max-width: 767px) {
    .po-blog .po-article .actual-content blockquote,
    .po-blog .po-article .actual-content .gallery-bg-standard-cont {
      width: 86% !important;
      position: relative;
      min-height: 1px;
      margin-left: 7% !important; }
    .po-blog .po-article .actual-content .gallery-bg-standard-cont {
      width: 100%;
      height: 200px; }
    .po-blog .po-article .actual-content .gallery-bg-standard.index {
      width: 100%;
      height: 200px; }
    .po-blog .po-article .actual-content .gallery-index-li {
      width: 100%;
      height: 200px; } }
  @media (min-width: 768px) {
    .po-blog .po-article .actual-content blockquote,
    .po-blog .po-article .actual-content .gallery-bg-standard-cont {
      width: 80% !important;
      position: relative;
      min-height: 1px;
      margin-left: 10% !important; }
    .po-blog .po-article .actual-content .gallery-bg-standard-cont {
      width: 100%;
      height: 400px; }
    .po-blog .po-article .actual-content .gallery-bg-standard.index {
      width: 100%;
      height: 400px; }
    .po-blog .po-article .actual-content .gallery-index-li {
      width: 100%;
      height: 400px; }
    .po-blog .po-article .actual-content .sidebar .gallery-bg-standard-cont {
      width: 100%;
      height: 300px; }
    .po-blog .po-article .actual-content .sidebar .gallery-bg-standard.index {
      width: 100%;
      height: 300px; }
    .po-blog .po-article .actual-content .sidebar .gallery-index-li {
      width: 100%;
      height: 300px; } }
  @media (min-width: 1200px) {
    .po-blog .po-article .actual-content blockquote,
    .po-blog .po-article .actual-content .gallery-bg-standard-cont {
      width: 70% !important;
      position: relative;
      min-height: 1px;
      margin-left: 15% !important; }
    .po-blog .po-article .actual-content .gallery-bg-standard-cont {
      width: 100%;
      height: 495px; }
    .po-blog .po-article .actual-content .gallery-bg-standard.index {
      width: 100%;
      height: 495px; }
    .po-blog .po-article .actual-content .gallery-index-li {
      width: 100%;
      height: 495px; }
    .po-blog .po-article .actual-content .sidebar .gallery-bg-standard-cont {
      width: 100%;
      height: 395px; }
    .po-blog .po-article .actual-content .sidebar .gallery-bg-standard.index {
      width: 100%;
      height: 395px; }
    .po-blog .po-article .actual-content .sidebar .gallery-index-li {
      width: 100%;
      height: 395px; } }
  .po-blog .po-article .actual-content .gallery-bg-standard-cont ul, .po-blog .po-article .actual-content .post-password-form p, .po-blog .po-article .actual-content .gallery-bg-standard-cont.standard {
    width: 100% !important;
    position: relative;
    padding-right: 0px !important;
    padding-left: 0px !important;
    padding-top: 0px !important;
    margin-left: 0% !important; }
  .po-blog .po-article .actual-content ul li ul,
  .po-blog .po-article .actual-content ul li ol,
  .po-blog .po-article .actual-content ol li ol,
  .po-blog .po-article .actual-content ol li ul {
    width: 100% !important;
    position: relative;
    padding-right: 0px !important;
    padding-left: 40px !important;
    padding-top: 0px !important;
    margin-left: 0% !important; }
  .po-blog .po-article .actual-content blockquote p {
    width: 100% !important;
    position: relative;
    min-height: 1px;
    padding-right: 0px !important;
    padding-left: 0px !important;
    margin-left: 0% !important; }
  @media (max-width: 767px) {
    .po-blog .po-article .actual-content .twitter-tweet,
    .po-blog .po-article .actual-content .gallery {
      width: 86% !important;
      position: relative !important;
      min-height: 1px !important;
      margin-left: 7% !important; } }
  @media (min-width: 768px) {
    .po-blog .po-article .actual-content .twitter-tweet,
    .po-blog .po-article .actual-content .gallery {
      width: 80% !important;
      position: relative !important;
      min-height: 1px !important;
      margin-left: 10% !important; } }
  @media (min-width: 1200px) {
    .po-blog .po-article .actual-content .twitter-tweet,
    .po-blog .po-article .actual-content .gallery {
      width: 60% !important;
      position: relative !important;
      min-height: 1px !important;
      margin-left: 20% !important; } }
  .po-blog .po-article .actual-content .gallery {
    margin-left: -0.5em;
    margin-right: -0.5em; }
  .po-blog .po-article .actual-content .gallery:after {
    display: table;
    content: "";
    clear: both; }
  .po-blog .po-article .actual-content .gallery-item {
    margin: 0;
    padding: 0;
    float: left; }
  .po-blog .po-article .actual-content .gallery-item img {
    width: 100%;
    margin: 0;
    padding: 0; }
  .po-blog .po-article .actual-content .gallery-columns-1 .gallery-item {
    width: 100%;
    float: none; }
  .po-blog .po-article .actual-content .gallery-columns-2 .gallery-item {
    width: 50%; }
  .po-blog .po-article .actual-content .gallery-columns-3 .gallery-item {
    width: 33.3333%; }
  .po-blog .po-article .actual-content .gallery-columns-4 .gallery-item {
    width: 25%; }
  .po-blog .po-article .actual-content .gallery-columns-5 .gallery-item {
    width: 20%; }
  .po-blog .po-article .actual-content .gallery-columns-6 .gallery-item {
    width: 16.6667%; }
  .po-blog .po-article .actual-content .gallery-columns-7 .gallery-item {
    width: 14.2857%; }
  .po-blog .po-article .actual-content .gallery-columns-8 .gallery-item {
    width: 12.5%; }
  .po-blog .po-article .actual-content .gallery-columns-9 .gallery-item {
    width: 11.1111%; }
  .po-blog .po-article .actual-content .gallery dt {
    margin: 2px !important;
    padding: 0 !important; }
  .po-blog .po-article .actual-content .gallery dd {
    margin: 0 !important;
    padding: 20px !important;
    background: rgba(255, 255, 255, 0.8);
    color: #666; }
  .po-blog .po-article .actual-content .gallery dd {
    opacity: 0;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out; }
  .po-blog .po-article .actual-content .gallery dl:hover dd {
    opacity: 1; }
  .po-blog .po-article .actual-content .gallery img {
    margin: 0px;
    padding: 0px;
    float: left;
    z-index: 4; }
  @media (max-width: 767px) {
    .po-blog .full .single .comments-area, .po-blog .full .mailbag-cont .mailbag-wrap, .po-blog .full .mailbag-cont-details, .po-blog .full .mailbag-cont p.success-subscribe, .po-blog .full #disqus_thread {
      width: 86%;
      position: relative;
      min-height: 1px;
      margin-left: 7%; } }
  @media (min-width: 768px) {
    .po-blog .full .single .comments-area, .po-blog .full .mailbag-cont .mailbag-wrap, .po-blog .full .mailbag-cont-details, .po-blog .full .mailbag-cont p.success-subscribe, .po-blog .full #disqus_thread {
      width: 80%;
      position: relative;
      min-height: 1px;
      margin-left: 10%; } }
  @media (min-width: 1200px) {
    .po-blog .full .single .comments-area, .po-blog .full .mailbag-cont .mailbag-wrap, .po-blog .full .mailbag-cont-details, .po-blog .full .mailbag-cont p.success-subscribe, .po-blog .full #disqus_thread {
      width: 60%;
      position: relative;
      min-height: 1px;
      margin-left: 20%; } }
  .po-blog .sidebar .single .comments-area, .po-blog .sidebar #disqus_thread {
    width: 100%;
    position: relative;
    min-height: 1px;
    margin-left: 0%; }
  .po-blog .sidebar .mailbag-cont .mailbag-wrap, .po-blog .sidebar .mailbag-cont-details, .po-blog .sidebar .mailbag-cont p.success-subscribe {
    width: 80%;
    position: relative;
    min-height: 1px;
    margin-left: 10%; }
  .po-blog .blog-content.entry-content #disqus_thread iframe {
    padding-bottom: 0px; }
  .po-blog .mailbag-cont-details h2 {
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    margin: 0 0 10px;
    line-height: 1.6; }
  .po-blog .mailbag-cont-details p {
    color: #777;
    margin-bottom: 35px;
    font-size: 14px; }
  .po-blog .post-author-details {
    font-size: 14px;
    font-style: italic;
    color: #fff; }
  .po-blog .post-author-details-standard {
    font-size: 14px;
    font-style: italic;
    color: #999; }
  @media (max-width: 767px) {
    .po-blog .standard-blog-post {
      padding-left: 0;
      padding-right: 0; } }
  .po-blog .standard-blog-post p {
    font-size: 16px;
    line-height: 1.8; }
  @media (max-width: 767px) {
    .po-blog .post-banner-details-standard {
      margin: 20px 0 30px; } }
  @media (min-width: 768px) {
    .po-blog .post-banner-details-standard {
      margin: 20px 0 30px; } }
  @media (min-width: 1200px) {
    .po-blog .post-banner-details-standard {
      margin: 20px 0 55px; }
    .po-blog .sidebar .post-banner-details-standard {
      margin: 20px 0 30px; } }
  .po-blog .post-banner-details-standard table {
    width: auto !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important; }
  .po-blog .post-banner-details-standard td {
    width: auto;
    border: none !important;
    margin: 0 !important;
    padding: 0 10px 0 0 !important; }
  .po-blog .blog-post-details {
    font-style: italic;
    font-size: 14px;
    color: #aaa;
    padding: 0 7%; }
  .po-blog .mailbag-wrap {
    /* Wraps entire form */ }
  .po-blog .mailbag-wrap label {
    display: none; }
  .po-blog .mailbag-input br {
    display: none; }
  .po-blog .mailbag-input {
    margin-bottom: 10px; }
  .po-blog .mailbag-wrap input[type="text"],
  .po-blog .mailbag-wrap input[type="email"] {
    margin: 0 !important;
    width: 100%;
    border-bottom: 1px solid #ccc;
    background: #fff;
    font-size: 14px;
    padding-right: 13px;
    padding-left: 13px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    color: #000; }
  .po-blog .mailbag-wrap input[type="text"]:hover,
  .po-blog .mailbag-wrap input[type="email"]:hover {
    font-size: 14px;
    border-bottom: 1px solid #999; }
  .po-blog .mailbag-wrap input[type="text"]:focus,
  .po-blog .mailbag-wrap input[type="email"]:focus {
    margin: 0 !important;
    width: 100%;
    background: #fff;
    font-size: 14px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px; }
  .po-blog .mailbag-wrap input[type="submit"] {
    width: 100%;
    background: #222;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 1px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    margin-top: 0px; }
  .po-blog .mailbag-wrap input[type="submit"]:hover {
    width: 100%;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 1px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px; }
  .po-blog p.success-subscribe {
    color: #fff !important; }
  .po-blog .post-password-form p {
    font-size: 14px; }
  .po-blog .post-password-form {
    background: #f5f5f5;
    padding: 25px 30px; }
  .po-blog .post-password-form label {
    color: #000;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    font-weight: 700;
    width: 100%;
    margin: 5px 0; }
  .po-blog .post-password-form input[type="password"] {
    margin: 10px 0 0 !important;
    width: 100%;
    border: none;
    border-bottom: 1px solid #ccc;
    background: #fff;
    font-size: 14px;
    padding: 5px 8px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    color: #000; }
  .po-blog .post-password-form input[type="password"]:hover {
    font-size: 14px;
    border-bottom: 1px solid #999; }
  .po-blog .post-password-form input[type="submit"] {
    width: 100%;
    background: #222;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 1px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    margin-top: 5px;
    border: none;
    color: #fff;
    padding: 7px 0; }
  .po-blog .post-password-form input[type="submit"]:hover {
    width: 100%;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 1px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px; }
  .po-blog .soundcloud-banner-single {
    margin-top: 30px; }
  @media (max-width: 767px) {
    .po-blog .soundcloud-banner-single iframe {
      height: 115px !important;
      margin: 0 !important;
      padding: 0 !important; } }
  @media (min-width: 768px) {
    .po-blog .soundcloud-banner-single iframe {
      height: 160px !important;
      margin: 0 !important;
      padding: 0 !important; } }
  @media (max-width: 767px) {
    .po-blog .soundcloud-post iframe {
      height: 116px !important;
      margin: 0 !important;
      margin-left: 7% !important;
      width: 86% !important;
      padding: 0 !important; }
    .po-blog .blog-quote-standard-inner {
      width: 86%;
      margin-left: 7%; } }
  @media (min-width: 768px) {
    .po-blog .soundcloud-post iframe {
      height: 116px !important;
      margin: 0 !important;
      padding: 0 !important;
      margin-left: 10% !important;
      width: 80% !important; }
    .po-blog .blog-quote-standard-inner {
      width: 76%;
      margin-left: 12%; } }
  .po-blog .soundcloud-thumb {
    height: 116px !important;
    margin: 0 !important;
    padding: 0 !important; }
  .po-blog .soundcloud-thumb iframe {
    height: 116px !important;
    margin: 0 !important;
    padding: 0 !important; }
  @media (max-width: 767px) {
    .po-blog .standard-blog-post-title {
      margin: 25px 0 0;
      padding: 0;
      font-size: 21px;
      letter-spacing: -1px;
      font-weight: 400;
      line-height: 1.2;
      color: #000;
      transition: all 0.2s ease-in-out;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out; } }
  @media (min-width: 768px) {
    .po-blog .standard-blog-post-title {
      margin: 25px 0 0;
      padding: 0;
      font-size: 35px;
      letter-spacing: -1px;
      font-weight: 400;
      line-height: 1.2;
      color: #000;
      transition: all 0.2s ease-in-out;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out; } }

.entry-attachment .attachment {
  margin-bottom: 20px; }

.fade-image-blog {
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out; }

.fade-image-blog:hover {
  opacity: 0.8; }

.featured-img-container {
  width: 100%;
  margin: 40px 0; }

.comment-list {
  margin-top: 50px; }

.mejs-container,
.mejs-container .mejs-controls {
  background: #222 !important;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  margin: 0 auto; }

.entry-content .mejs-container .mejs-controls {
  padding-right: 10px;
  padding-left: 10px; }

/* change the color of the progress bar */
.mejs-controls .mejs-time-rail .mejs-time-total {
  background: #000 !important; }

/* change the color of the current time bar */
.mejs-controls .mejs-time-rail .mejs-time-current {
  background: #eee !important; }

/* change the color of the file loading bar */
.mejs-controls .mejs-time-rail .mejs-time-loaded {
  background: #000 !important; }

.entry-content .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.entry-content .mejs-controls .mejs-time-rail span {
  background: #eee;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px; }

.entry-content .mejs-controls .mejs-time-rail span.mejs-time-total,
.entry-content .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
  background: #000;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px; }

.recent-post-button {
  font-size: 11px;
  letter-spacing: 1px;
  font-weight: 700;
  text-transform: uppercase; }

@media (max-width: 767px) {
  .post-banner-details {
    width: 100%;
    position: absolute;
    bottom: 20px;
    left: 0px;
    z-index: 9; } }
@media (min-width: 768px) {
  .post-banner-details {
    width: 100%;
    position: absolute;
    bottom: 20px;
    left: 40px;
    z-index: 9; } }
@media (min-width: 1200px) {
  .post-banner-details {
    width: 100%;
    position: absolute;
    bottom: 20px;
    left: 40px;
    z-index: 9; } }
.single-avatar img {
  max-width: 50px; }

@media (max-width: 767px) {
  .index-page-padding {
    padding: 0; } }
@media (max-width: 767px) {
  .index-page-padding {
    padding: 0; } }
@media (min-width: 768px) {
  .index-page-padding {
    padding: 0px; } }
@media (min-width: 992px) {
  .index-page-padding {
    padding: 0 50px; } }
@media (max-width: 767px) {
  .blog-video-thumb.index {
    width: 100%;
    height: 200px; }

  .audio-featured {
    height: 200px; } }
@media (min-width: 768px) {
  .blog-video-thumb.index {
    width: 100%;
    height: 400px; }

  .sidebar .blog-video-thumb.index {
    width: 100%;
    height: 300px; }

  .sidebar .audio-featured {
    height: 400px; }

  .audio-featured {
    height: 300px; } }
@media (min-width: 1200px) {
  .blog-video-thumb.index {
    width: 100%;
    height: 495px; }

  .sidebar .blog-video-thumb.index {
    width: 100%;
    height: 395px; }

  .audio-featured {
    height: 495px; }

  .sidebar .audio-featured {
    height: 395px; } }
/* #headers
--------------------------------------------------*/
@media (max-width: 767px) {
  .po-column.po-header {
    padding: 30px; } }
@media (min-width: 768px) {
  .po-column.po-header {
    padding: 25px 15px; } }
@media (min-width: 992px) {
  .po-column.po-header {
    padding-top: 0px;
    padding-bottom: 0px; } }
@media (min-width: 992px) {
  .po-column.po-header-top {
    padding-top: 0px;
    padding-bottom: 0px; } }
@media (min-width: 992px) {
  .po-column.po-header-line {
    padding-top: 18px;
    padding-bottom: 20px; } }
@media (min-width: 992px) {
  .po-column.po-header-line-thin {
    padding-top: 5px;
    padding-bottom: 20px; } }
.po-column.po-header-small {
  padding-top: 0px;
  padding-bottom: 0px; }

@media (min-width: 992px) {
  .po-column.po-header-single {
    padding-top: 30px;
    padding-bottom: 30px; } }
@media (max-width: 767px) {
  .header-large {
    font-weight: 300;
    font-size: 27px;
    line-height: 1.2; } }
@media (min-width: 768px) {
  .header-large {
    font-weight: 300;
    font-size: 35px;
    line-height: 1.2; } }
@media (min-width: 992px) {
  .header-large {
    font-weight: 300;
    font-size: 45px;
    line-height: 1.2; } }
.header-small {
  font-size: 11px;
  font-weight: 700;
  line-height: 1.3;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 1px; }

@media (max-width: 767px) {
  .section-background-dark .header-line,
  .section-background-dark .header-line-left,
  .section-background-image .header-line,
  .section-background-image .header-line-left,
  .section-background-image-fixed .header-line,
  .section-background-image-fixed .header-line-left,
  .section-background-image-parallax .header-line,
  .section-background-image-parallax .header-line-left,
  .section-background-video .header-line,
  .section-background-video .header-line-left,
  .section-background-dark po-header .header-line,
  .section-background-dark po-header .header-line-left,
  .section-background-custom-white .header-line,
  .section-background-custom-white .header-line-left {
    width: 50px;
    margin-top: 35px;
    padding-bottom: 25px;
    border-top: 1px solid #fff; } }
@media (min-width: 768px) {
  .section-background-dark .header-line,
  .section-background-dark .header-line-left,
  .section-background-image .header-line,
  .section-background-image .header-line-left,
  .section-background-image-fixed .header-line,
  .section-background-image-fixed .header-line-left,
  .section-background-image-parallax .header-line,
  .section-background-image-parallax .header-line-left,
  .section-background-video .header-line,
  .section-background-video .header-line-left,
  .section-background-dark po-header .header-line,
  .section-background-dark po-header .header-line-left,
  .section-background-custom-white .header-line,
  .section-background-custom-white .header-line-left {
    width: 50px;
    margin-top: 35px;
    padding-bottom: 15px;
    border-top: 1px solid #fff; } }
@media (min-width: 992px) {
  .section-background-dark .header-line,
  .section-background-dark .header-line-left,
  .section-background-image .header-line,
  .section-background-image .header-line-left,
  .section-background-image-fixed .header-line,
  .section-background-image-fixed .header-line-left,
  .section-background-image-parallax .header-line,
  .section-background-image-parallax .header-line-left,
  .section-background-video .header-line,
  .section-background-video .header-line-left,
  .section-background-dark po-header .header-line,
  .section-background-dark po-header .header-line-left,
  .section-background-custom-white .header-line,
  .section-background-custom-white .header-line-left {
    width: 50px;
    margin-top: 35px;
    padding-bottom: 15px;
    border-top: 1px solid #fff; } }

@media (max-width: 767px) {
  .section-background-white .header-line,
  .section-background-white .header-line-left,
  .section-background-light .header-line,
  .section-background-light .header-line-left,
  .section-background-custom-dark .header-line,
  .section-background-custom-dark .header-line-left {
    width: 50px;
    margin-top: 35px;
    padding-bottom: 25px;
    border-top: 1px solid #000; } }
@media (min-width: 768px) {
  .section-background-white .header-line,
  .section-background-white .header-line-left,
  .section-background-light .header-line,
  .section-background-light .header-line-left,
  .section-background-custom-dark .header-line,
  .section-background-custom-dark .header-line-left {
    width: 50px;
    margin-top: 35px;
    padding-bottom: 15px;
    border-top: 1px solid #000; } }
@media (min-width: 992px) {
  .section-background-white .header-line,
  .section-background-white .header-line-left,
  .section-background-light .header-line,
  .section-background-light .header-line-left,
  .section-background-custom-dark .header-line,
  .section-background-custom-dark .header-line-left {
    width: 50px;
    margin-top: 35px;
    padding-bottom: 15px;
    border-top: 1px solid #000; } }

.header-line-left-footer {
  width: 23px;
  margin-top: 19px;
  padding-bottom: 24px; }

.header-line {
  margin: 0 auto; }

.header-small-padding {
  padding: 0 0 15px; }

.standard-header {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 1px;
  color: #000; }

.standard-header-small {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 3px; }

@media (max-width: 767px) {
  .standard-header-portfolio {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 24px;
    letter-spacing: 4px;
    color: #000; } }
@media (min-width: 768px) {
  .standard-header-portfolio {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 24px;
    letter-spacing: 4px;
    color: #000; } }
/* #buttons
--------------------------------------------------*/
.btn:active,
.btn.active,
.btn:hover,
.btn {
  -webkit-box-shadow: none;
  box-shadow: none; }

.outline-button {
  font-size: 12px;
  letter-spacing: 1px;
  padding: 10px 2px 10px 5px;
  font-weight: 700;
  text-align: center;
  cursor: pointer;
  text-transform: uppercase;
  background-color: transparent;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out; }

.outline-button.white {
  color: #fff;
  border: 1px solid #fff; }

.outline-button.lighter {
  color: #bbb;
  border: 1px solid #ccc; }

.outline-button.light {
  color: #888;
  border: 1px solid #999; }

.outline-button.dark {
  color: #000;
  border: 1px solid #000; }

.banner-button {
  font-size: 13px;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 45px 0;
  font-weight: 700;
  text-align: center;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px; }

.banner-button::after {
  font-family: FontAwesome;
  content: '\f054';
  margin-left: 10px;
  font-weight: 300; }

.outline-button:focus {
  outline: none; }

.outline-button.blue:hover {
  border: 1px solid #50cad2;
  background-color: #50cad2; }

.po-slider-buttons .btn-sm {
  font-size: 13px; }

.button-icon-left {
  font-size: 13px; }

.button-icon-left span {
  font-size: 14px;
  position: absolute;
  left: 0px;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s; }

.button-icon-left:hover span {
  left: 34px;
  opacity: 1; }

.button-icon-left-manual {
  font-size: 15px; }

.button-icon-left-manual span {
  font-size: 18px;
  position: absolute;
  opacity: 0;
  margin-left: 38px;
  line-height: 1.1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s; }

.button-icon-left-manual:hover span {
  font-size: 18px;
  margin-left: 38px;
  line-height: 1.1;
  opacity: 1; }

@media (max-width: 767px) {
  .button-icon-left-manual-2 {
    font-size: 17px;
    position: absolute;
    right: 25px; } }
@media (min-width: 768px) {
  .button-icon-left-manual-2 {
    font-size: 17px;
    position: absolute;
    right: 70px; } }
.button-icon-left-manual-2 span {
  font-size: 21px;
  position: absolute;
  opacity: 0;
  margin-left: 16px;
  margin-top: -28px;
  line-height: 1.1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s; }

.button-icon-left-manual-2:hover span {
  font-size: 21px;
  margin-left: 16px;
  line-height: 1.1;
  opacity: 1; }

@media (max-width: 767px) {
  .button-icon-left-manual-port {
    font-size: 17px;
    cursor: pointer;
    border: 0;
    background: none;
    padding: 0;
    margin: 18px 0 0; } }
@media (min-width: 768px) {
  .button-icon-left-manual-port {
    font-size: 17px;
    cursor: pointer;
    border: 0;
    background: none;
    padding: 0;
    margin: 18px 0 0; } }
.button-icon-left-manual-port span {
  font-size: 21px;
  position: absolute;
  opacity: 0;
  margin-left: 25px;
  margin-top: 1px;
  line-height: 1.1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s; }

.button-icon-left-manual-port:hover span {
  opacity: 1; }

.btn-icon-ani {
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden; }

.btn-icon-ani span {
  display: inline-block;
  -webkit-transition: all 0.3s;
  -webkit-backface-visibility: hidden;
  -moz-transition: all 0.3s;
  -moz-backface-visibility: hidden;
  transition: all 0.3s;
  backface-visibility: hidden; }

.btn-icon-ani:hover span {
  -webkit-transform: translateY(300%);
  -moz-transform: translateY(300%);
  -ms-transform: translateY(300%);
  transform: translateY(300%); }

.btn-icon {
  position: absolute;
  width: 5%;
  left: 50%;
  margin-left: -2.5%;
  line-height: 0;
  font-size: 19px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0; }

.btn-icon-ani:hover .btn-icon {
  opacity: 1;
  top: 9px; }

@media (max-width: 767px) {
  .banner-button.btn-icon-ani:hover .btn-icon {
    opacity: 1;
    top: 62px; } }
@media (min-width: 768px) {
  .banner-button.btn-icon-ani:hover .btn-icon {
    opacity: 1;
    top: 44px; } }
.banner-button.white {
  color: #333;
  background-color: #fff; }

.banner-button.light {
  color: #333;
  background-color: #ddd; }

.banner-button.dark {
  color: #fff;
  background-color: #222; }

/* #po-slider
--------------------------------------------------*/
.po-slider {
  width: 100%; }

@media (max-width: 767px) {
  .po-slider-display {
    width: 100%;
    position: absolute;
    top: 350px;
    z-index: 4; } }
@media (min-width: 768px) {
  .po-slider-display {
    width: 100%;
    position: absolute;
    top: 500px;
    z-index: 4; } }
@media (min-width: 992px) {
  .po-slider-display {
    width: 100%;
    position: absolute;
    top: 700px;
    z-index: 4; } }
.po-slider {
  /** THEME
  ===================================*/
  /* PAGER */
  /* DIRECTION CONTROLS (NEXT / PREV) */
  /* AUTO CONTROLS (START / STOP) */
  /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
  /* IMAGE CAPTIONS */ }
  .po-slider ol, .po-slider ul, .po-slider li {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline; }
  .po-slider ol, .po-slider ul {
    list-style: none; }
  .po-slider .bx-wrapper {
    position: relative;
    margin: 0 auto 60px;
    padding: 0;
    *zoom: 1; }
  @media (max-width: 767px) {
    .po-slider .bx-wrapper img {
      width: 767px;
      display: block; } }
  @media (min-width: 768px) {
    .po-slider .bx-wrapper img {
      width: 992px;
      display: block; } }
  @media (min-width: 992px) {
    .po-slider .bx-wrapper img {
      width: 100%;
      height: auto;
      display: block; } }
  .po-slider .bx-wrapper .bx-pager,
  .po-slider .bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: -30px;
    width: 100%; }
  .po-slider .bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 20px; }
  .po-slider .bx-wrapper .bx-pager .bx-pager-item,
  .po-slider .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline; }
  .po-slider .bx-wrapper .bx-pager.bx-default-pager a {
    background: #666;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
  .po-slider .bx-wrapper .bx-pager.bx-default-pager a:hover,
  .po-slider .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #000; }
  @media (max-width: 767px) {
    .po-slider .bx-directions, .po-slider .bx-wrapper .bx-prev, .po-slider .bx-wrapper .bx-next, .po-carousel-blog-cont .bx-wrapper .po-slider .bx-prev, .po-carousel-blog-cont .bx-wrapper .po-slider .bx-next {
      display: none; } }
  @media (min-width: 768px) {
    .po-slider .bx-directions, .po-slider .bx-wrapper .bx-prev, .po-slider .bx-wrapper .bx-next, .po-carousel-blog-cont .bx-wrapper .po-slider .bx-prev, .po-carousel-blog-cont .bx-wrapper .po-slider .bx-next {
      cursor: pointer;
      border: 1px solid #fff;
      transition: all 0.2s ease-in-out;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
      -os-box-sizing: content-box;
      box-sizing: content-box; } }
  .po-slider .bx-wrapper .bx-prev {
    border-left: none;
    background: url(images/slide-arrow-left.png) no-repeat 40px 8px;
    -webkit-border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-radius-topright: 2px;
    -moz-border-radius-bottomright: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px; }
  .po-slider .bx-wrapper .bx-next {
    border-right: none;
    background: url(images/slide-arrow-right.png) no-repeat 13px 8px;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px; }
  .po-slider .bx-wrapper .bx-prev:hover {
    padding-left: 60px;
    background: url(images/slide-arrow-left-dark.png) no-repeat 60px 8px #fff;
    opacity: 1; }
  .po-slider .bx-wrapper .bx-next:hover {
    padding-right: 60px;
    background: url(images/slide-arrow-right-dark.png) no-repeat 23px 8px #fff;
    opacity: 1; }
  @media (max-width: 767px) {
    .po-slider .bx-wrapper .bx-controls-direction a {
      display: none; } }
  @media (min-width: 768px) {
    .po-slider .bx-wrapper .bx-controls-direction a {
      position: absolute;
      top: 270px;
      margin-top: -16px;
      outline: 0;
      width: 32px;
      height: 32px;
      text-indent: -9999px;
      z-index: 110; } }
  @media (min-width: 992px) {
    .po-slider .bx-wrapper .bx-controls-direction a {
      position: absolute;
      top: 320px;
      margin-top: -16px;
      outline: 0;
      width: 32px;
      height: 32px;
      text-indent: -9999px;
      z-index: 110; } }
  .po-slider .bx-wrapper .bx-controls-direction a.disabled {
    display: none; }
  .po-slider .bx-wrapper .bx-controls-auto {
    text-align: center; }
  .po-slider .bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    background: url(images/controls.png) -86px -11px no-repeat;
    margin: 0 3px; }
  .po-slider .bx-wrapper .bx-controls-auto .bx-start:hover,
  .po-slider .bx-wrapper .bx-controls-auto .bx-start.active {
    background-position: -86px 0; }
  .po-slider .bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    background: url(images/controls.png) -86px -44px no-repeat;
    margin: 0 3px; }
  .po-slider .bx-wrapper .bx-controls-auto .bx-stop:hover,
  .po-slider .bx-wrapper .bx-controls-auto .bx-stop.active {
    background-position: -86px -33px; }
  .po-slider .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%; }
  .po-slider .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px; }
  .po-slider .bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #666 \9;
    background: rgba(80, 80, 80, 0.75);
    width: 100%; }
  .po-slider .bx-wrapper .bx-caption span {
    color: #fff;
    font-family: Arial;
    display: block;
    font-size: .85em;
    padding: 10px; }

.po-slider-header {
  display: none; }

.po-slider-text-container {
  width: 90%;
  left: 5%;
  display: none;
  position: absolute; }

.po-slider-text-container-static {
  width: 90%;
  height: 100%;
  left: 5%;
  display: none;
  position: absolute; }

@media (max-width: 767px) {
  .po-slider-text {
    width: 90.5%;
    margin-top: 122px;
    display: table;
    height: 190px;
    overflow: hidden; } }
@media (min-width: 768px) {
  .po-slider-text {
    width: 80%;
    margin-top: 122px;
    display: table;
    height: 300px;
    overflow: hidden; } }
@media (min-width: 992px) {
  .po-slider-text {
    width: 80%;
    margin-top: 122px;
    display: table;
    height: 400px;
    overflow: hidden; } }
@media (max-width: 767px) {
  .po-slider-text-static {
    width: 90.5%;
    display: table;
    height: 100%;
    overflow: hidden;
    border: 1px solid transparent; } }
@media (min-width: 768px) {
  .po-slider-text-static {
    width: 80%;
    display: table;
    height: 100%;
    overflow: hidden;
    border: 1px solid transparent; } }
@media (min-width: 992px) {
  .po-slider-text-static {
    width: 80%;
    height: 100%;
    display: table;
    overflow: hidden; } }
@media (max-width: 767px) {
  .po-slider-text h1 {
    font-size: 32px;
    font-weight: 300;
    margin-top: 160px;
    line-height: 1.1;
    display: table-cell;
    vertical-align: middle; } }
@media (min-width: 768px) {
  .po-slider-text h1 {
    font-size: 40px;
    font-weight: 300;
    margin-top: 205px;
    line-height: 1.1;
    display: table-cell;
    vertical-align: middle; } }
@media (min-width: 992px) {
  .po-slider-text h1 {
    font-size: 50px;
    font-weight: 700;
    line-height: 1.1;
    display: table-cell;
    vertical-align: middle; } }
@media (max-width: 767px) {
  .po-slider-text-static h1 {
    font-size: 32px;
    font-weight: 300;
    margin-top: 160px;
    line-height: 1.1;
    display: table-cell;
    vertical-align: middle; } }
@media (min-width: 768px) {
  .po-slider-text-static h1 {
    font-size: 40px;
    font-weight: 300;
    margin-top: 205px;
    line-height: 1.1;
    display: table-cell;
    vertical-align: middle; } }
@media (min-width: 992px) {
  .po-slider-text-static h1 {
    font-size: 50px;
    font-weight: 300;
    line-height: 1.1;
    display: table-cell;
    vertical-align: middle; } }
.po-slider-logo {
  width: 86%;
  left: 7%;
  z-index: 4;
  display: none;
  margin-top: 50px;
  position: absolute; }

@media (min-width: 992px) {
  .po-slider-logo {
    position: fixed; } }
.po-slider-details {
  width: 86%;
  left: 7%;
  position: absolute;
  z-index: 2;
  display: none; }

.background-greyscale {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 0;
  opacity: 0; }

.background-greyscale-2 {
  width: 100%;
  height: 700px;
  position: absolute;
  z-index: -1;
  opacity: 0.3; }

.background-greyscale.blue {
  background-color: rgba(80, 202, 210, 0.5); }

.background-greyscale.green {
  opacity: 0.5; }

@media (max-width: 767px) {
  .po-slider-load {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 160px;
    left: 50%;
    margin-left: -25px;
    z-index: 101; } }
@media (min-width: 768px) {
  .po-slider-load {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 240px;
    left: 50%;
    margin-left: -25px;
    z-index: 101; } }
@media (min-width: 992px) {
  .po-slider-load {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 300px;
    left: 50%;
    margin-left: -25px;
    z-index: 101; } }
.load-block {
  width: 100%;
  height: 1200px;
  background-color: #15191B;
  position: absolute;
  top: 0px;
  z-index: 99; }

@media (max-width: 767px) {
  .po-slider-anchor {
    display: none; } }
@media (min-width: 768px) {
  .po-slider-anchor {
    display: none; } }
@media (min-width: 992px) {
  .po-slider-anchor {
    display: block;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-right: 27px;
    padding-left: 30px; } }
@media (max-width: 767px) {
  .po-slider-buttons {
    display: block;
    width: 100%;
    margin-top: 550px; } }
@media (min-width: 768px) {
  .po-slider-buttons {
    display: block;
    width: 100%;
    margin-top: 430px; } }
@media (min-width: 992px) {
  .po-slider-buttons {
    display: block;
    width: 100%;
    margin-top: 550px; } }
.po-carouseleds:hover .bx-directions, .po-carouseleds:hover .po-slider .bx-wrapper .bx-prev, .po-slider .bx-wrapper .po-carouseleds:hover .bx-prev, .po-carouseleds:hover .po-slider .bx-wrapper .bx-next, .po-slider .bx-wrapper .po-carouseleds:hover .bx-next, .po-carouseleds:hover .po-carousel-blog-cont .bx-wrapper .bx-prev, .po-carousel-blog-cont .bx-wrapper .po-carouseleds:hover .bx-prev, .po-carouseleds:hover .po-carousel-blog-cont .bx-wrapper .bx-next, .po-carousel-blog-cont .bx-wrapper .po-carouseleds:hover .bx-next,
.po-carousel-blog-cont:hover .bx-directions,
.po-slider .bx-wrapper .po-carousel-blog-cont:hover .bx-prev,
.po-slider .bx-wrapper .po-carousel-blog-cont:hover .bx-next,
.po-carousel-blog-cont:hover .bx-wrapper .bx-prev,
.po-carousel-blog-cont:hover .bx-wrapper .bx-next {
  opacity: 0.8; }

.po-carousel,
.po-carousel-blog {
  overflow: visible; }

.po-carouseleds {
  border: 1px solid #e1e1e1;
  padding: 5px;
  height: 213px; }

.entry-content .po-carouseleds li,
.entry-content .po-carousel-blog-cont li {
  padding: 0px 0;
  list-style: none; }

.entry-content .po-carouseleds img,
.entry-content .po-carousel-blog-cont img {
  margin-top: 0px; }

.po-carouseleds {
  /* DIRECTION CONTROLS (NEXT / PREV) */
  /* Individual Caption Styles */
  /* Caption Style 1 */ }
  .po-carouseleds .bx-directions, .po-carouseleds .po-slider .bx-wrapper .bx-prev, .po-slider .bx-wrapper .po-carouseleds .bx-prev, .po-carouseleds .po-slider .bx-wrapper .bx-next, .po-slider .bx-wrapper .po-carouseleds .bx-next, .po-carouseleds .po-carousel-blog-cont .bx-wrapper .bx-prev, .po-carousel-blog-cont .bx-wrapper .po-carouseleds .bx-prev, .po-carouseleds .po-carousel-blog-cont .bx-wrapper .bx-next, .po-carousel-blog-cont .bx-wrapper .po-carouseleds .bx-next {
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -os-box-sizing: content-box;
    box-sizing: content-box; }
  @media (max-width: 767px) {
    .po-carouseleds .bx-wrapper .bx-prev {
      cursor: pointer;
      transition: all 0.2s ease-in-out;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
      -os-box-sizing: content-box;
      box-sizing: content-box;
      border-left: none;
      float: left;
      padding-left: 0px;
      position: relative;
      width: 30px !important;
      height: 50px !important;
      background: url(images/next.png) no-repeat -14px center rgba(0, 0, 0, 0.3) !important;
      background-size: 40px 40px !important; }
    .po-carouseleds .bx-wrapper .bx-next {
      cursor: pointer;
      transition: all 0.2s ease-in-out;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
      -os-box-sizing: content-box;
      box-sizing: content-box;
      border-right: none;
      float: right;
      padding-right: 0px;
      position: relative;
      width: 30px !important;
      height: 50px !important;
      background: url(images/prev.png) 4px center no-repeat rgba(0, 0, 0, 0.3) !important;
      background-size: 40px 40px !important; } }
  @media (min-width: 768px) {
    .po-carouseleds .bx-wrapper .bx-prev {
      cursor: pointer;
      transition: all 0.2s ease-in-out;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
      -os-box-sizing: content-box;
      box-sizing: content-box;
      border-left: none;
      float: left;
      padding-left: 0px;
      background: url(images/next.png) -30px 0 no-repeat rgba(0, 0, 0, 0.3);
      position: relative; }
    .po-carouseleds .bx-wrapper .bx-next {
      cursor: pointer;
      transition: all 0.2s ease-in-out;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
      -os-box-sizing: content-box;
      box-sizing: content-box;
      border-right: none;
      float: right;
      padding-right: 0px;
      background: url(images/prev.png) no-repeat rgba(0, 0, 0, 0.3);
      position: relative; } }
  .po-carouseleds .bx-wrapper .bx-prev:hover {
    opacity: 1; }
  .po-carouseleds .bx-wrapper .bx-next:hover {
    opacity: 1; }
  .po-carouseleds .bx-wrapper .bx-controls-direction a {
    outline: 0;
    width: 50px;
    height: 80px;
    text-indent: -9999px;
    z-index: 110; }
  @media (max-width: 767px) {
    .po-carouseleds .bx-wrapper .bx-controls-direction {
      width: 100%;
      margin-top: -125px;
      height: 139px; } }
  @media (min-width: 768px) {
    .po-carouseleds .bx-wrapper .bx-controls-direction {
      width: 100%;
      margin-top: -141px;
      height: 139px; } }
  .po-carouseleds .bx-wrapper .bx-controls-direction a.disabled {
    display: none; }
  .po-carouseleds h6 {
    color: #fff;
    letter-spacing: 1px;
    opacity: 1;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out; }
  .po-carouseleds .grid li:hover h6 {
    opacity: 1; }
  .po-carouseleds .grid figure {
    margin: 0;
    position: relative;
    height: 200px;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    display: block; }
  .po-carouseleds .grid figure img {
    max-width: 100%;
    display: block;
    position: relative; }
  .po-carouseleds .grid figcaption {
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px;
    color: #fff;
    z-index: 2; }
  .po-carouseleds .cs-style-1 figcaption {
    height: 100%;
    width: 100%;
    opacity: 1;
    text-align: center;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s; }
  .po-carouseleds .no-touch .cs-style-1 figure:hover figcaption,
  .po-carouseleds .cs-style-1 figure.cs-hover figcaption {
    opacity: 1;
    z-index: 2;
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(20px, 0px);
    -ms-transform: translate(20px, 0px);
    transform: translate(20px, 0px); }
  .po-carouseleds .grid figure:hover {
    opacity: 0.9; }
  .po-carouseleds .cs-style-1 figcaption h6 {
    display: block;
    margin-top: 77px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 1px; }
  .po-carouseleds .cs-style-1 figcaption span {
    display: block;
    margin-top: 140px; }
  .po-carouseleds .cs-style-1 figcaption a {
    margin-top: 30px; }

.po-carousel-blog-cont {
  /* DIRECTION CONTROLS (NEXT / PREV) */
  /* Individual Caption Styles */
  /* Caption Style 1 */ }
  .po-carousel-blog-cont .bx-directions, .po-slider .bx-wrapper .po-carousel-blog-cont .bx-prev, .po-slider .bx-wrapper .po-carousel-blog-cont .bx-next, .po-carousel-blog-cont .bx-wrapper .bx-prev, .po-carousel-blog-cont .bx-wrapper .bx-next {
    cursor: pointer;
    opacity: 0;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -os-box-sizing: content-box;
    box-sizing: content-box; }
  @media (max-width: 767px) {
    .po-carousel-blog-cont .bx-wrapper .bx-prev,
    .po-carousel-blog-cont .bx-wrapper .bx-next {
      opacity: 0.5; } }
  @media (min-width: 768px) {
    .po-carousel-blog-cont .bx-wrapper .bx-prev,
    .po-carousel-blog-cont .bx-wrapper .bx-next {
      opacity: 0.5; } }
  @media (min-width: 992px) {
    .po-carousel-blog-cont .bx-wrapper .bx-prev,
    .po-carousel-blog-cont .bx-wrapper .bx-next {
      opacity: 0; } }
  .po-carousel-blog-cont .bx-wrapper .bx-prev {
    border-left: none;
    float: left;
    padding-left: 0px;
    background: url(images/next.png) -30px 0 no-repeat rgba(0, 0, 0, 0.3);
    position: relative; }
  .po-carousel-blog-cont .bx-wrapper .bx-next {
    border-right: none;
    float: right;
    padding-right: 0px;
    background: url(images/prev.png) no-repeat rgba(0, 0, 0, 0.3);
    position: relative; }
  @media (max-width: 767px) {
    .po-carousel-blog-cont .bx-wrapper .bx-prev {
      position: absolute;
      z-index: 999999999999;
      width: 30px !important;
      height: 50px !important;
      margin-top: 0px;
      background: url(images/next.png) no-repeat -14px center rgba(0, 0, 0, 0.1) !important;
      background-size: 40px 40px !important; }
    .po-carousel-blog-cont .bx-wrapper .bx-next {
      position: absolute;
      width: 30px !important;
      height: 50px !important;
      margin-top: 0px;
      right: 0px;
      background: url(images/prev.png) 4px center no-repeat rgba(0, 0, 0, 0.1) !important;
      background-size: 40px 40px !important; } }
  @media (min-width: 768px) {
    .po-carousel-blog-cont .bx-wrapper .bx-prev {
      position: absolute;
      z-index: 999999999999;
      width: 55px;
      height: 100px;
      margin-top: 0px;
      background: url(images/next.png) no-repeat -30px center rgba(0, 0, 0, 0.1) !important; }
    .po-carousel-blog-cont .bx-wrapper .bx-next {
      position: absolute;
      width: 55px;
      height: 100px;
      margin-top: 0px;
      right: 0px;
      background: url(images/prev.png) 4px center no-repeat rgba(0, 0, 0, 0.1) !important; } }
  .po-carousel-blog-cont .bx-wrapper .bx-prev:hover {
    opacity: 1; }
  .po-carousel-blog-cont .bx-wrapper .bx-next:hover {
    opacity: 1; }
  .po-carousel-blog-cont .bx-wrapper .bx-controls-direction a {
    outline: 0;
    width: 50px;
    height: 80px;
    text-indent: -9999px;
    z-index: 110; }
  @media (max-width: 767px) {
    .po-carousel-blog-cont .bx-wrapper .bx-controls-direction {
      width: 100%;
      margin-top: -127px;
      height: 139px; } }
  @media (min-width: 768px) {
    .po-carousel-blog-cont .bx-wrapper .bx-controls-direction {
      width: 100%;
      margin-top: -139px;
      height: 139px; } }
  .po-carousel-blog-cont .bx-wrapper .bx-controls-direction a.disabled {
    display: none; }
  .po-carousel-blog-cont h6 {
    color: #fff;
    letter-spacing: 2px;
    opacity: 0;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out; }
  .po-carousel-blog-cont .grid li:hover h6 {
    opacity: 1; }
  .po-carousel-blog-cont .grid figure {
    margin: 0;
    position: relative;
    height: 200px;
    opacity: 0.6;
    background: #222;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -webkit-transform: translateZ(0); }
  .po-carousel-blog-cont .grid li:hover figure {
    opacity: 1; }
  .po-carousel-blog-cont .grid figure img {
    max-width: 100%;
    display: block;
    position: relative; }
  .po-carousel-blog-cont .grid figcaption {
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px;
    color: #fff;
    z-index: 2;
    cursor: url(images/view-open.png) 35 35, default; }
  .po-carousel-blog-cont .grid figcaption h6 {
    margin: 0;
    padding: 0;
    color: #fff; }
  .po-carousel-blog-cont .grid figcaption a {
    text-align: center;
    padding: 5px 10px;
    border-radius: 2px;
    display: inline-block;
    color: #fff; }
  .po-carousel-blog-cont .caro-cont {
    position: absolute;
    z-index: 999999999999999999999999999999999999999999999;
    width: 100%;
    display: table;
    height: 200px; }
  .po-carousel-blog-cont .caro-inner {
    display: table-cell;
    vertical-align: middle;
    padding: 0 30px; }
  .po-carousel-blog-cont .caro-terms {
    color: #FFF;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 1px;
    font-weight: 700;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out; }
  .po-carousel-blog-cont .caro-title {
    color: #FFF;
    font-size: 17px;
    margin-top: 10px;
    line-height: 1.5; }
  .po-carousel-blog-cont .caro-details {
    color: #fff;
    font-size: 13px;
    margin-top: 12px;
    font-style: italic;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out; }
  .po-carousel-blog-cont .grid li:hover .caro-details {
    opacity: 0.5; }
  .po-carousel-blog-cont .cs-style-1 figcaption {
    height: 100%;
    width: 100%;
    opacity: 1;
    text-align: center;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s; }
  .po-carousel-blog-cont .no-touch .cs-style-1 figure:hover figcaption,
  .po-carousel-blog-cont .cs-style-1 figure.cs-hover figcaption {
    opacity: 1;
    z-index: 2;
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(20px, 0px);
    -ms-transform: translate(20px, 0px);
    transform: translate(20px, 0px); }
  .po-carousel-blog-cont .cs-style-1 figcaption h6 {
    display: block;
    margin-top: 10px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13px; }
  .po-carousel-blog-cont .cs-style-1 figcaption span {
    display: block;
    margin-top: 140px; }
  .po-carousel-blog-cont .cs-style-1 figcaption a {
    margin-top: 30px; }

.actual-content .gallery-bg-standard-cont:hover .bx-directions, .actual-content .gallery-bg-standard-cont:hover .po-slider .bx-wrapper .bx-prev, .po-slider .bx-wrapper .actual-content .gallery-bg-standard-cont:hover .bx-prev, .actual-content .gallery-bg-standard-cont:hover .po-slider .bx-wrapper .bx-next, .po-slider .bx-wrapper .actual-content .gallery-bg-standard-cont:hover .bx-next, .actual-content .gallery-bg-standard-cont:hover .po-carousel-blog-cont .bx-wrapper .bx-prev, .po-carousel-blog-cont .bx-wrapper .actual-content .gallery-bg-standard-cont:hover .bx-prev, .actual-content .gallery-bg-standard-cont:hover .po-carousel-blog-cont .bx-wrapper .bx-next, .po-carousel-blog-cont .bx-wrapper .actual-content .gallery-bg-standard-cont:hover .bx-next {
  opacity: 1; }

.actual-content .gallery-bg-standard-cont .bx-wrapper .bx-controls-direction {
  width: 100%;
  margin-top: -295px;
  height: 139px; }
.actual-content .gallery-bg-standard-cont .bx-wrapper .bx-prev,
.actual-content .gallery-bg-standard-cont .bx-wrapper .bx-next {
  opacity: 0.5;
  background-color: rgba(0, 0, 0, 0.6); }
.actual-content .gallery-bg-standard-cont .bx-wrapper .bx-prev:hover {
  opacity: 1; }
.actual-content .gallery-bg-standard-cont .bx-wrapper .bx-next:hover {
  opacity: 1; }

.gallery-bg-standard-cont {
  /* DIRECTION CONTROLS (NEXT / PREV) */ }
  .gallery-bg-standard-cont .bx-directions, .gallery-bg-standard-cont .po-slider .bx-wrapper .bx-prev, .po-slider .bx-wrapper .gallery-bg-standard-cont .bx-prev, .gallery-bg-standard-cont .po-slider .bx-wrapper .bx-next, .po-slider .bx-wrapper .gallery-bg-standard-cont .bx-next, .gallery-bg-standard-cont .po-carousel-blog-cont .bx-wrapper .bx-prev, .po-carousel-blog-cont .bx-wrapper .gallery-bg-standard-cont .bx-prev, .gallery-bg-standard-cont .po-carousel-blog-cont .bx-wrapper .bx-next, .po-carousel-blog-cont .bx-wrapper .gallery-bg-standard-cont .bx-next {
    cursor: pointer;
    opacity: 0;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -os-box-sizing: content-box;
    box-sizing: content-box; }
  @media (max-width: 767px) {
    .gallery-bg-standard-cont .bx-wrapper .bx-prev,
    .gallery-bg-standard-cont .bx-wrapper .bx-next {
      opacity: 1; } }
  @media (min-width: 768px) {
    .gallery-bg-standard-cont .bx-wrapper .bx-prev,
    .gallery-bg-standard-cont .bx-wrapper .bx-next {
      opacity: 1; } }
  @media (min-width: 992px) {
    .gallery-bg-standard-cont .bx-wrapper .bx-prev,
    .gallery-bg-standard-cont .bx-wrapper .bx-next {
      opacity: 1; } }
  @media (max-width: 767px) {
    .gallery-bg-standard-cont .bx-wrapper .bx-prev {
      cursor: pointer;
      transition: all 0.2s ease-in-out;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
      -os-box-sizing: content-box;
      box-sizing: content-box;
      border-left: none;
      float: left;
      padding-left: 0px;
      position: relative;
      width: 30px !important;
      height: 50px !important;
      background: url(images/next.png) no-repeat -14px center rgba(0, 0, 0, 0.3) !important;
      background-size: 40px 40px !important; }
    .gallery-bg-standard-cont .bx-wrapper .bx-next {
      cursor: pointer;
      transition: all 0.2s ease-in-out;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
      -os-box-sizing: content-box;
      box-sizing: content-box;
      border-right: none;
      float: right;
      padding-right: 0px;
      position: relative;
      width: 30px !important;
      height: 50px !important;
      background: url(images/prev.png) 4px center no-repeat rgba(0, 0, 0, 0.3) !important;
      background-size: 40px 40px !important; } }
  @media (min-width: 768px) {
    .gallery-bg-standard-cont .bx-wrapper .bx-prev {
      cursor: pointer;
      transition: all 0.2s ease-in-out;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
      -os-box-sizing: content-box;
      box-sizing: content-box;
      border-left: none;
      float: left;
      padding-left: 0px;
      background: url(images/next.png) -30px 0 no-repeat rgba(0, 0, 0, 0.3);
      position: relative; }
    .gallery-bg-standard-cont .bx-wrapper .bx-next {
      cursor: pointer;
      transition: all 0.2s ease-in-out;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
      -os-box-sizing: content-box;
      box-sizing: content-box;
      border-right: none;
      float: right;
      padding-right: 0px;
      background: url(images/prev.png) no-repeat rgba(0, 0, 0, 0.3);
      position: relative; } }
  .gallery-bg-standard-cont .bx-wrapper .bx-prev:hover {
    opacity: 1; }
  .gallery-bg-standard-cont .bx-wrapper .bx-next:hover {
    opacity: 1; }
  .gallery-bg-standard-cont .bx-wrapper .bx-controls-direction a {
    outline: 0;
    width: 50px;
    height: 80px;
    text-indent: -9999px;
    z-index: 110; }
  @media (max-width: 767px) {
    .gallery-bg-standard-cont .bx-wrapper .bx-controls-direction {
      width: 100%;
      margin-top: -126px;
      height: 139px; } }
  @media (min-width: 768px) {
    .gallery-bg-standard-cont .bx-wrapper .bx-controls-direction {
      width: 100%;
      margin-top: -141px;
      height: 139px; } }
  .gallery-bg-standard-cont .bx-wrapper .bx-controls-direction a.disabled {
    display: none; }

@media (max-width: 767px) {
  .gallery-bg-standard-cont.standard .bx-wrapper .bx-controls-direction {
    width: 100%;
    margin-top: -124px;
    height: 139px; } }
@media (min-width: 768px) and (max-width: 1200px) {
  .gallery-bg-standard-cont.standard .bx-wrapper .bx-controls-direction {
    width: 100%;
    margin-top: -236px;
    height: 139px; } }

@media (max-width: 767px) {
  .sidebar .gallery-bg-standard-cont.standard .bx-wrapper .bx-controls-direction {
    width: 100%;
    margin-top: -124px;
    height: 139px; } }
@media (min-width: 768px) and (max-width: 1200px) {
  .sidebar .gallery-bg-standard-cont.standard .bx-wrapper .bx-controls-direction {
    width: 100%;
    margin-top: -186px;
    height: 139px; } }
@media (min-width: 1200px) {
  .sidebar .gallery-bg-standard-cont.standard .bx-wrapper .bx-controls-direction {
    width: 100%;
    margin-top: -236px;
    height: 139px; } }

.portfolio-item-effect {
  /* Individual Caption Styles */
  /* Caption Style 1 */
  /* Caption Style 2 */
  /* Caption Style 3 */ }
  @media (min-width: 992px) {
    .portfolio-item-effect .grid figure {
      position: absolute;
      top: 0px;
      right: 0px;
      bottom: 0px;
      left: 0px;
      opacity: 0;
      transition: all 0.2s ease-in-out;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out; }
    .portfolio-item-effect .cs-style-3:hover figure {
      top: 4px;
      right: 4px;
      bottom: 4px;
      left: 4px;
      opacity: 0.7; } }
  .portfolio-item-effect .grid figure img {
    max-width: 100%;
    display: block;
    position: relative; }
  .portfolio-item-effect .grid figcaption {
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px;
    color: #fff;
    z-index: 2; }
  .portfolio-item-effect .portfolio-item-footer .grid figcaption {
    cursor: url(images/cross-footer.png) 35 35, default; }
  .portfolio-item-effect .grid figcaption h3 {
    margin: 0;
    padding: 0;
    color: #fff; }
  .portfolio-item-effect .grid figcaption a {
    text-align: center;
    padding: 5px 10px;
    border-radius: 2px;
    display: inline-block;
    color: #fff; }
  .portfolio-item-effect .cs-style-1 figcaption {
    height: 100%;
    width: 100%;
    opacity: 0;
    text-align: center;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s; }
  .portfolio-item-effect .no-touch .cs-style-1 figure:hover figcaption,
  .portfolio-item-effect .cs-style-1 figure.cs-hover figcaption {
    opacity: 0.8;
    z-index: 2;
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(20px, 0px);
    -ms-transform: translate(20px, 0px);
    transform: translate(20px, 0px); }
  .portfolio-item-effect .cs-style-1 figcaption h6 {
    display: block;
    margin-top: 135px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13px; }
  .portfolio-item-effect .cs-style-1 figcaption span {
    display: block;
    margin-top: 140px; }
  .portfolio-item-effect .cs-style-1 figcaption a {
    margin-top: 30px; }
  .portfolio-item-effect .cs-style-2 figcaption {
    height: 100%;
    width: 100%;
    opacity: 0;
    text-align: center;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s; }
  .portfolio-item-effect .no-touch .cs-style-2 figure:hover figcaption,
  .portfolio-item-effect .cs-style-2 figure.cs-hover figcaption {
    opacity: 0.95;
    z-index: 2;
    -webkit-transform: translate(7px, -7px);
    -moz-transform: translate(0px, 5px);
    -ms-transform: translate(0px, 5px);
    transform: translate(0px, 5px); }
  .portfolio-item-effect .cs-style-2 figcaption h6 {
    display: block;
    margin-top: 135px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13px; }
  .portfolio-item-effect .cs-style-2 figcaption span {
    display: block;
    margin-top: 140px; }
  .portfolio-item-effect .cs-style-2 figcaption a {
    margin-top: 30px; }
  .portfolio-item-effect .cs-style-3 figcaption {
    height: 100%;
    width: 100%;
    opacity: 0;
    text-align: center;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s; }
  .portfolio-item-effect .no-touch .cs-style-3 figure:hover figcaption,
  .portfolio-item-effect .cs-style-3 figure.cs-hover figcaption {
    opacity: 0.95;
    z-index: 2;
    -webkit-transform: translate(3px, -3px);
    -moz-transform: translate(0px, 5px);
    -ms-transform: translate(0px, 5px);
    transform: translate(0px, 5px); }
  .portfolio-item-effect .cs-style-3 figcaption h6 {
    display: block;
    margin-top: 135px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13px; }
  .portfolio-item-effect .cs-style-3 figcaption span {
    display: block;
    margin-top: 140px; }
  .portfolio-item-effect .cs-style-3 figcaption a {
    margin-top: 30px; }

.viewer {
  background-color: rgba(0, 0, 0, 0.8); }

@media (max-width: 767px) {
  .viewer {
    background-color: rgba(0, 0, 0, 0.95); } }
@media (min-width: 768px) {
  .viewer {
    background-color: rgba(0, 0, 0, 0.9); } }
@media (min-width: 992px) {
  .viewer {
    background-color: rgba(0, 0, 0, 0.9); } }
.viewer .close {
  opacity: 0.8;
  font-size: 40px;
  font-weight: 100;
  z-index: 9999999999;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  width: 22px;
  height: 22px;
  background: url(images/view-close.png) no-repeat;
  background-size: 22px 22px;
  right: 20px;
  top: 15px; }

.viewer .close:hover {
  color: #fff;
  font-weight: 300;
  z-index: 9999999999; }

@media (min-width: 992px) {
  .slider-btn {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: auto;
    padding-right: 27px;
    padding-left: 30px; } }
@media (max-width: 767px) {
  .slider-btn {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: auto;
    padding-right: 27px;
    padding-left: 30px; } }
@media (min-width: 768px) {
  .slider-btn-video {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: auto;
    padding-right: 27px;
    padding-left: 30px; } }
@media (min-width: 992px) {
  .slider-btn-video {
    width: 100%; } }
@media (max-width: 767px) {
  .po-slider-display {
    width: 100%;
    position: absolute;
    top: 350px;
    z-index: 4; } }
@media (min-width: 768px) {
  .po-slider-display {
    width: 100%;
    position: absolute;
    top: 500px;
    z-index: 4; } }
@media (min-width: 992px) {
  .po-slider-display {
    width: 100%;
    position: absolute;
    top: 700px;
    z-index: 4; } }
@media (max-width: 767px) {
  .po-page-slider {
    width: 100% !important; } }
@media (min-width: 768px) {
  .po-page-slider {
    width: 99.8% !important; } }
@media (min-width: 992px) {
  .po-page-slider {
    width: 99.9% !important; } }
.po-portfolio-slider {
  /** THEME
  ===================================*/
  /* PAGER */
  /* DIRECTION CONTROLS (NEXT / PREV) */
  /* AUTO CONTROLS (START / STOP) */
  /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
  /* IMAGE CAPTIONS */ }
  .po-portfolio-slider ol, .po-portfolio-slider ul, .po-portfolio-slider li {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline; }
  .po-portfolio-slider ol, .po-portfolio-slider ul {
    list-style: none; }
  .po-portfolio-slider li {
    position: relative;
    margin: 0;
    padding: 0; }
  .po-portfolio-slider .bx-wrapper {
    position: relative;
    margin: 0 auto 60px;
    padding: 0;
    *zoom: 1; }
  @media (max-width: 767px) {
    .po-portfolio-slider .bx-wrapper img {
      width: 767px;
      display: block; } }
  @media (min-width: 768px) {
    .po-portfolio-slider .bx-wrapper img {
      width: 992px;
      display: block; } }
  @media (min-width: 992px) {
    .po-portfolio-slider .bx-wrapper img {
      width: 100%;
      height: auto;
      display: block; } }
  .po-portfolio-slider .bx-wrapper .bx-pager,
  .po-portfolio-slider .bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: -30px;
    width: 100%; }
  .po-portfolio-slider .bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 20px; }
  .po-portfolio-slider .bx-wrapper .bx-pager .bx-pager-item,
  .po-portfolio-slider .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline; }
  .po-portfolio-slider .bx-wrapper .bx-pager.bx-default-pager a {
    background: #999;
    text-indent: -9999px;
    display: block;
    width: 7px;
    height: 7px;
    margin: 0 5px;
    outline: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    margin-top: -60px;
    position: relative;
    z-index: 99999999; }
  .po-portfolio-slider .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #fff; }
  @media (max-width: 767px) {
    .po-portfolio-slider .bx-directions, .po-portfolio-slider .po-slider .bx-wrapper .bx-prev, .po-slider .bx-wrapper .po-portfolio-slider .bx-prev, .po-portfolio-slider .po-slider .bx-wrapper .bx-next, .po-slider .bx-wrapper .po-portfolio-slider .bx-next, .po-portfolio-slider .po-carousel-blog-cont .bx-wrapper .bx-prev, .po-carousel-blog-cont .bx-wrapper .po-portfolio-slider .bx-prev, .po-portfolio-slider .po-carousel-blog-cont .bx-wrapper .bx-next, .po-carousel-blog-cont .bx-wrapper .po-portfolio-slider .bx-next {
      cursor: pointer;
      transition: all 0.2s ease-in-out;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
      -os-box-sizing: content-box;
      box-sizing: content-box; } }
  @media (min-width: 768px) {
    .po-portfolio-slider .bx-directions, .po-portfolio-slider .po-slider .bx-wrapper .bx-prev, .po-slider .bx-wrapper .po-portfolio-slider .bx-prev, .po-portfolio-slider .po-slider .bx-wrapper .bx-next, .po-slider .bx-wrapper .po-portfolio-slider .bx-next, .po-portfolio-slider .po-carousel-blog-cont .bx-wrapper .bx-prev, .po-carousel-blog-cont .bx-wrapper .po-portfolio-slider .bx-prev, .po-portfolio-slider .po-carousel-blog-cont .bx-wrapper .bx-next, .po-carousel-blog-cont .bx-wrapper .po-portfolio-slider .bx-next {
      cursor: pointer;
      transition: all 0.2s ease-in-out;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
      -os-box-sizing: content-box;
      box-sizing: content-box; } }
  .po-portfolio-slider .bx-wrapper .bx-prev {
    position: absolute;
    z-index: 999999999999;
    left: 0%;
    width: 50%;
    height: 550px;
    margin-top: 0px;
    cursor: url(images/next.png) 38 38, default; }
  .po-portfolio-slider .bx-wrapper .bx-next {
    position: absolute;
    width: 50%;
    height: 550px;
    margin-top: 0px;
    right: 0%;
    cursor: url(images/prev.png) 38 38, default; }
  @media (max-width: 767px) {
    .po-portfolio-slider .bx-wrapper .bx-controls-direction a {
      position: absolute;
      margin-top: -16px;
      outline: 0;
      text-indent: -9999px;
      z-index: 110; } }
  @media (min-width: 768px) {
    .po-portfolio-slider .bx-wrapper .bx-controls-direction a {
      position: absolute;
      margin-top: -16px;
      outline: 0;
      text-indent: -9999px;
      z-index: 110; } }
  @media (min-width: 992px) {
    .po-portfolio-slider .bx-wrapper .bx-controls-direction a {
      position: absolute;
      margin-top: -600px;
      outline: 0;
      text-indent: -9999px;
      z-index: 99999; } }
  .po-portfolio-slider .bx-wrapper .bx-controls-direction a.disabled {
    display: none; }
  .po-portfolio-slider .bx-wrapper .bx-controls-auto {
    text-align: center; }
  .po-portfolio-slider .bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    background: url(images/controls.png) -86px -11px no-repeat;
    margin: 0 3px; }
  .po-portfolio-slider .bx-wrapper .bx-controls-auto .bx-start:hover,
  .po-portfolio-slider .bx-wrapper .bx-controls-auto .bx-start.active {
    background-position: -86px 0; }
  .po-portfolio-slider .bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    background: url(images/controls.png) -86px -44px no-repeat;
    margin: 0 3px; }
  .po-portfolio-slider .bx-wrapper .bx-controls-auto .bx-stop:hover,
  .po-portfolio-slider .bx-wrapper .bx-controls-auto .bx-stop.active {
    background-position: -86px -33px; }
  .po-portfolio-slider .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%; }
  .po-portfolio-slider .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px; }
  .po-portfolio-slider .bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #666 \9;
    background: rgba(80, 80, 80, 0.75);
    width: 100%; }
  .po-portfolio-slider .bx-wrapper .bx-caption span {
    color: #fff;
    font-family: Arial;
    display: block;
    font-size: .85em;
    padding: 10px; }

@media (max-width: 767px) {
  .po-portfolio-slider2 {
    height: 400px; }

  .po-portfolio-slider2 .po-portfolio-slider-loop {
    height: 400px;
    background: #000; } }
@media (min-width: 768px) {
  .po-portfolio-slider2 {
    height: 100%; }

  .po-portfolio-slider2 .po-portfolio-slider-loop {
    height: 100%;
    background: #000; } }
.po-portfolio-slider2 {
  /** THEME
  ===================================*/
  /* PAGER */
  /* DIRECTION CONTROLS (NEXT / PREV) */
  /* AUTO CONTROLS (START / STOP) */
  /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
  /* IMAGE CAPTIONS */ }
  .po-portfolio-slider2 ol, .po-portfolio-slider2 ul, .po-portfolio-slider2 li {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline; }
  .po-portfolio-slider2 .bx-wrapper, .po-portfolio-slider2 .bx-viewport {
    height: 100% !important; }
  .po-portfolio-slider2 ol, .po-portfolio-slider2 ul {
    list-style: none; }
  .po-portfolio-slider2 li {
    position: relative;
    margin: 0;
    padding: 0;
    height: 100%; }
  .po-portfolio-slider2 .bx-wrapper {
    position: relative;
    margin: 0 auto 60px;
    padding: 0;
    *zoom: 1;
    z-index: 7; }
  @media (max-width: 767px) {
    .po-portfolio-slider2 .bx-wrapper img {
      width: 767px;
      display: block; } }
  @media (min-width: 768px) {
    .po-portfolio-slider2 .bx-wrapper img {
      width: 992px;
      display: block; } }
  @media (min-width: 992px) {
    .po-portfolio-slider2 .bx-wrapper img {
      width: 100%;
      height: auto;
      display: block; } }
  .po-portfolio-slider2 .bx-wrapper .bx-pager,
  .po-portfolio-slider2 .bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: -30px;
    width: 100%; }
  .po-portfolio-slider2 .bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 20px; }
  .po-portfolio-slider2 .bx-wrapper .bx-pager .bx-pager-item,
  .po-portfolio-slider2 .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline; }
  .po-portfolio-slider2 .bx-wrapper .bx-pager.bx-default-pager a {
    background: #999;
    text-indent: -9999px;
    display: block;
    width: 7px;
    height: 7px;
    margin: 0 5px;
    outline: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    margin-top: -60px;
    position: relative;
    z-index: 99999999; }
  .po-portfolio-slider2 .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #fff; }
  @media (max-width: 767px) {
    .po-portfolio-slider2 .bx-directions, .po-portfolio-slider2 .po-slider .bx-wrapper .bx-prev, .po-slider .bx-wrapper .po-portfolio-slider2 .bx-prev, .po-portfolio-slider2 .po-slider .bx-wrapper .bx-next, .po-slider .bx-wrapper .po-portfolio-slider2 .bx-next, .po-portfolio-slider2 .po-carousel-blog-cont .bx-wrapper .bx-prev, .po-carousel-blog-cont .bx-wrapper .po-portfolio-slider2 .bx-prev, .po-portfolio-slider2 .po-carousel-blog-cont .bx-wrapper .bx-next, .po-carousel-blog-cont .bx-wrapper .po-portfolio-slider2 .bx-next {
      cursor: pointer;
      transition: all 0.2s ease-in-out;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
      -os-box-sizing: content-box;
      box-sizing: content-box; } }
  @media (min-width: 768px) {
    .po-portfolio-slider2 .bx-directions, .po-portfolio-slider2 .po-slider .bx-wrapper .bx-prev, .po-slider .bx-wrapper .po-portfolio-slider2 .bx-prev, .po-portfolio-slider2 .po-slider .bx-wrapper .bx-next, .po-slider .bx-wrapper .po-portfolio-slider2 .bx-next, .po-portfolio-slider2 .po-carousel-blog-cont .bx-wrapper .bx-prev, .po-carousel-blog-cont .bx-wrapper .po-portfolio-slider2 .bx-prev, .po-portfolio-slider2 .po-carousel-blog-cont .bx-wrapper .bx-next, .po-carousel-blog-cont .bx-wrapper .po-portfolio-slider2 .bx-next {
      cursor: pointer;
      transition: all 0.2s ease-in-out;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
      -os-box-sizing: content-box;
      box-sizing: content-box; } }
  @media (max-width: 767px) {
    .po-portfolio-slider2 .bx-wrapper .bx-prev {
      position: absolute;
      z-index: 999999999999;
      left: 0%;
      width: 50%;
      height: 270px;
      margin-top: 0px;
      background: url(images/next-light-2.png) 5% center no-repeat;
      background-size: 15px 40px; }
    .po-portfolio-slider2 .bx-wrapper .bx-next {
      position: absolute;
      width: 50%;
      height: 270px;
      margin-top: 0px;
      right: 0%;
      background: url(images/prev-light-2.png) 95% center no-repeat;
      background-size: 15px 40px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .po-portfolio-slider2 .bx-wrapper .bx-prev {
      position: absolute;
      z-index: 999999999999;
      left: 0%;
      width: 50%;
      height: 300px;
      margin-top: 0px;
      background: url(images/next-light-5.png) 5% center no-repeat;
      background-size: 15px 40px; }
    .po-portfolio-slider2 .bx-wrapper .bx-next {
      position: absolute;
      width: 50%;
      height: 300px;
      margin-top: 0px;
      right: 0%;
      background: url(images/prev-light-5.png) 95% center no-repeat;
      background-size: 15px 40px; } }
  @media (min-width: 992px) {
    .po-portfolio-slider2 .bx-wrapper .bx-prev {
      position: absolute;
      z-index: 999999999999;
      left: 0%;
      width: 50%;
      height: 550px;
      margin-top: 0px;
      cursor: url(images/next-light-2.png) 38 38, default; }
    .po-portfolio-slider2 .bx-wrapper .bx-next {
      position: absolute;
      width: 50%;
      height: 450px;
      margin-top: 0px;
      right: 0%;
      cursor: url(images/prev-light-2.png) 38 38, default; } }
  @media (max-width: 767px) {
    .po-portfolio-slider2 .bx-wrapper .bx-controls-direction a {
      position: absolute;
      margin-top: -350px;
      outline: 0;
      text-indent: -9999px;
      z-index: 110; } }
  @media (min-width: 768px) {
    .po-portfolio-slider2 .bx-wrapper .bx-controls-direction a {
      position: absolute;
      margin-top: -520px;
      outline: 0;
      text-indent: -9999px;
      z-index: 110; } }
  @media (min-width: 992px) {
    .po-portfolio-slider2 .bx-wrapper .bx-controls-direction a {
      position: absolute;
      margin-top: -610px;
      outline: 0;
      text-indent: -9999px;
      z-index: 99999; } }
  .po-portfolio-slider2 .bx-wrapper .bx-controls-direction a.disabled {
    display: none; }
  .po-portfolio-slider2 .bx-wrapper .bx-controls-auto {
    text-align: center; }
  .po-portfolio-slider2 .bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    background: url(images/controls.png) -86px -11px no-repeat;
    margin: 0 3px; }
  .po-portfolio-slider2 .bx-wrapper .bx-controls-auto .bx-start:hover,
  .po-portfolio-slider2 .bx-wrapper .bx-controls-auto .bx-start.active {
    background-position: -86px 0; }
  .po-portfolio-slider2 .bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    background: url(images/controls.png) -86px -44px no-repeat;
    margin: 0 3px; }
  .po-portfolio-slider2 .bx-wrapper .bx-controls-auto .bx-stop:hover,
  .po-portfolio-slider2 .bx-wrapper .bx-controls-auto .bx-stop.active {
    background-position: -86px -33px; }
  .po-portfolio-slider2 .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%; }
  .po-portfolio-slider2 .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px; }
  .po-portfolio-slider2 .bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #666 \9;
    background: rgba(80, 80, 80, 0.75);
    width: 100%; }
  .po-portfolio-slider2 .bx-wrapper .bx-caption span {
    color: #fff;
    font-family: Arial;
    display: block;
    font-size: .85em;
    padding: 10px; }

.po-portfolio-slider-profile {
  background: #222; }

.po-portfolio-slider-profile {
  /** THEME
  ===================================*/
  /* PAGER */
  /* DIRECTION CONTROLS (NEXT / PREV) */
  /* AUTO CONTROLS (START / STOP) */
  /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
  /* IMAGE CAPTIONS */ }
  .po-portfolio-slider-profile ol, .po-portfolio-slider-profile ul, .po-portfolio-slider-profile li {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline; }
  .po-portfolio-slider-profile ol, .po-portfolio-slider-profile ul {
    list-style: none; }
  .po-portfolio-slider-profile li {
    position: relative;
    margin: 0;
    padding: 0; }
  .po-portfolio-slider-profile .bx-wrapper {
    position: relative;
    margin: 0 auto 60px;
    padding: 0;
    *zoom: 1; }
  @media (max-width: 767px) {
    .po-portfolio-slider-profile .bx-wrapper img {
      width: 767px;
      display: block; } }
  @media (min-width: 768px) {
    .po-portfolio-slider-profile .bx-wrapper img {
      width: 992px;
      display: block; } }
  @media (min-width: 992px) {
    .po-portfolio-slider-profile .bx-wrapper img {
      width: 100%;
      height: auto;
      display: block; } }
  .po-portfolio-slider-profile .bx-wrapper .bx-pager,
  .po-portfolio-slider-profile .bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: -30px;
    width: 100%; }
  .po-portfolio-slider-profile .bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 20px; }
  .po-portfolio-slider-profile .bx-wrapper .bx-pager .bx-pager-item,
  .po-portfolio-slider-profile .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline; }
  .po-portfolio-slider-profile .bx-wrapper .bx-pager.bx-default-pager a {
    background: #999;
    text-indent: -9999px;
    display: block;
    width: 7px;
    height: 7px;
    margin: 0 5px;
    outline: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    margin-top: -60px;
    position: relative;
    z-index: 99999999; }
  .po-portfolio-slider-profile .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #fff; }
  @media (max-width: 767px) {
    .po-portfolio-slider-profile .bx-directions, .po-portfolio-slider-profile .po-slider .bx-wrapper .bx-prev, .po-slider .bx-wrapper .po-portfolio-slider-profile .bx-prev, .po-portfolio-slider-profile .po-slider .bx-wrapper .bx-next, .po-slider .bx-wrapper .po-portfolio-slider-profile .bx-next, .po-portfolio-slider-profile .po-carousel-blog-cont .bx-wrapper .bx-prev, .po-carousel-blog-cont .bx-wrapper .po-portfolio-slider-profile .bx-prev, .po-portfolio-slider-profile .po-carousel-blog-cont .bx-wrapper .bx-next, .po-carousel-blog-cont .bx-wrapper .po-portfolio-slider-profile .bx-next {
      display: none; } }
  @media (min-width: 768px) {
    .po-portfolio-slider-profile .bx-directions, .po-portfolio-slider-profile .po-slider .bx-wrapper .bx-prev, .po-slider .bx-wrapper .po-portfolio-slider-profile .bx-prev, .po-portfolio-slider-profile .po-slider .bx-wrapper .bx-next, .po-slider .bx-wrapper .po-portfolio-slider-profile .bx-next, .po-portfolio-slider-profile .po-carousel-blog-cont .bx-wrapper .bx-prev, .po-carousel-blog-cont .bx-wrapper .po-portfolio-slider-profile .bx-prev, .po-portfolio-slider-profile .po-carousel-blog-cont .bx-wrapper .bx-next, .po-carousel-blog-cont .bx-wrapper .po-portfolio-slider-profile .bx-next {
      cursor: pointer;
      transition: all 0.2s ease-in-out;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
      -os-box-sizing: content-box;
      box-sizing: content-box; } }
  @media (max-width: 767px) {
    .po-portfolio-slider-profile .bx-wrapper .bx-prev {
      position: absolute;
      z-index: 999999999999;
      left: 0%;
      width: 50%;
      height: 270px;
      margin-top: 0px;
      background: url(images/next-light-2.png) 5% center no-repeat;
      background-size: 15px 40px; }
    .po-portfolio-slider-profile .bx-wrapper .bx-next {
      position: absolute;
      width: 50%;
      height: 270px;
      margin-top: 0px;
      right: 0%;
      background: url(images/prev-light-2.png) 95% center no-repeat;
      background-size: 15px 40px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .po-portfolio-slider-profile .bx-wrapper .bx-prev {
      position: absolute;
      z-index: 999999999999;
      left: 0%;
      width: 50%;
      height: 300px;
      margin-top: 0px;
      background: url(images/next-light-5.png) 5% center no-repeat;
      background-size: 15px 40px; }
    .po-portfolio-slider-profile .bx-wrapper .bx-next {
      position: absolute;
      width: 50%;
      height: 300px;
      margin-top: 0px;
      right: 0%;
      background: url(images/prev-light-5.png) 95% center no-repeat;
      background-size: 15px 40px; } }
  @media (min-width: 992px) {
    .po-portfolio-slider-profile .bx-wrapper .bx-prev {
      position: absolute;
      z-index: 999999999999;
      left: 0%;
      width: 50%;
      height: 300px;
      margin-top: 0px;
      cursor: url(images/next-light.png) 38 38, default;
      background: none; }
    .po-portfolio-slider-profile .bx-wrapper .bx-next {
      position: absolute;
      width: 50%;
      height: 300px;
      margin-top: 0px;
      right: 0%;
      cursor: url(images/prev-light.png) 38 38, default;
      background: none; } }
  @media (max-width: 767px) {
    .po-portfolio-slider-profile .bx-wrapper .bx-controls-direction a {
      position: absolute;
      margin-top: -370px;
      outline: 0;
      text-indent: -9999px;
      z-index: 110; } }
  @media (min-width: 768px) {
    .po-portfolio-slider-profile .bx-wrapper .bx-controls-direction a {
      position: absolute;
      margin-top: -520px;
      outline: 0;
      text-indent: -9999px;
      z-index: 110; } }
  @media (min-width: 992px) {
    .po-portfolio-slider-profile .bx-wrapper .bx-controls-direction a {
      position: absolute;
      margin-top: -520px;
      outline: 0;
      text-indent: -9999px;
      z-index: 99999; } }
  .po-portfolio-slider-profile .bx-wrapper .bx-controls-direction a.disabled {
    display: none; }
  .po-portfolio-slider-profile .bx-wrapper .bx-controls-auto {
    text-align: center; }
  .po-portfolio-slider-profile .bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    background: url(images/controls.png) -86px -11px no-repeat;
    margin: 0 3px; }
  .po-portfolio-slider-profile .bx-wrapper .bx-controls-auto .bx-start:hover,
  .po-portfolio-slider-profile .bx-wrapper .bx-controls-auto .bx-start.active {
    background-position: -86px 0; }
  .po-portfolio-slider-profile .bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    background: url(images/controls.png) -86px -44px no-repeat;
    margin: 0 3px; }
  .po-portfolio-slider-profile .bx-wrapper .bx-controls-auto .bx-stop:hover,
  .po-portfolio-slider-profile .bx-wrapper .bx-controls-auto .bx-stop.active {
    background-position: -86px -33px; }
  .po-portfolio-slider-profile .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%; }
  .po-portfolio-slider-profile .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px; }
  .po-portfolio-slider-profile .bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #666 \9;
    background: rgba(80, 80, 80, 0.75);
    width: 100%; }
  .po-portfolio-slider-profile .bx-wrapper .bx-caption span {
    color: #fff;
    font-family: Arial;
    display: block;
    font-size: .85em;
    padding: 10px; }

.po-portfolio-slider-top {
  /** THEME
  ===================================*/
  /* PAGER */
  /* DIRECTION CONTROLS (NEXT / PREV) */
  /* AUTO CONTROLS (START / STOP) */
  /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
  /* IMAGE CAPTIONS */ }
  .po-portfolio-slider-top ol, .po-portfolio-slider-top ul, .po-portfolio-slider-top li {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline; }
  .po-portfolio-slider-top ol, .po-portfolio-slider-top ul {
    list-style: none; }
  .po-portfolio-slider-top li {
    position: relative;
    margin: 0;
    padding: 0; }
  .po-portfolio-slider-top .bx-wrapper {
    position: relative;
    margin: 0 auto 60px;
    padding: 0;
    *zoom: 1; }
  @media (max-width: 767px) {
    .po-portfolio-slider-top .bx-wrapper img {
      width: 767px;
      display: block; } }
  @media (min-width: 768px) {
    .po-portfolio-slider-top .bx-wrapper img {
      width: 992px;
      display: block; } }
  @media (min-width: 992px) {
    .po-portfolio-slider-top .bx-wrapper img {
      width: 100%;
      height: auto;
      display: block; } }
  .po-portfolio-slider-top .bx-wrapper .bx-pager,
  .po-portfolio-slider-top .bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: -30px;
    width: 100%; }
  .po-portfolio-slider-top .bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 20px; }
  .po-portfolio-slider-top .bx-wrapper .bx-pager .bx-pager-item,
  .po-portfolio-slider-top .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline; }
  .po-portfolio-slider-top .bx-wrapper .bx-pager.bx-default-pager a {
    background: #999;
    text-indent: -9999px;
    display: block;
    width: 7px;
    height: 7px;
    margin: 0 5px;
    outline: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    margin-top: -60px;
    position: relative;
    z-index: 99999999; }
  .po-portfolio-slider-top .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #fff; }
  @media (max-width: 767px) {
    .po-portfolio-slider-top .bx-directions, .po-portfolio-slider-top .po-slider .bx-wrapper .bx-prev, .po-slider .bx-wrapper .po-portfolio-slider-top .bx-prev, .po-portfolio-slider-top .po-slider .bx-wrapper .bx-next, .po-slider .bx-wrapper .po-portfolio-slider-top .bx-next, .po-portfolio-slider-top .po-carousel-blog-cont .bx-wrapper .bx-prev, .po-carousel-blog-cont .bx-wrapper .po-portfolio-slider-top .bx-prev, .po-portfolio-slider-top .po-carousel-blog-cont .bx-wrapper .bx-next, .po-carousel-blog-cont .bx-wrapper .po-portfolio-slider-top .bx-next {
      display: none; } }
  @media (min-width: 768px) {
    .po-portfolio-slider-top .bx-directions, .po-portfolio-slider-top .po-slider .bx-wrapper .bx-prev, .po-slider .bx-wrapper .po-portfolio-slider-top .bx-prev, .po-portfolio-slider-top .po-slider .bx-wrapper .bx-next, .po-slider .bx-wrapper .po-portfolio-slider-top .bx-next, .po-portfolio-slider-top .po-carousel-blog-cont .bx-wrapper .bx-prev, .po-carousel-blog-cont .bx-wrapper .po-portfolio-slider-top .bx-prev, .po-portfolio-slider-top .po-carousel-blog-cont .bx-wrapper .bx-next, .po-carousel-blog-cont .bx-wrapper .po-portfolio-slider-top .bx-next {
      cursor: pointer;
      transition: all 0.2s ease-in-out;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
      -os-box-sizing: content-box;
      box-sizing: content-box; } }
  @media (max-width: 767px) {
    .po-portfolio-slider-top .bx-wrapper .bx-prev {
      position: absolute;
      z-index: 999999999999;
      width: 30px;
      height: 50px;
      margin-top: 0px;
      background: url(images/next.png) no-repeat -14px center rgba(0, 0, 0, 0.1) !important;
      background-size: 40px 40px !important; }
    .po-portfolio-slider-top .bx-wrapper .bx-next {
      position: absolute;
      width: 30px;
      height: 50px;
      margin-top: 0px;
      right: 0px;
      background: url(images/prev.png) 4px center no-repeat rgba(0, 0, 0, 0.1) !important;
      background-size: 40px 40px !important; } }
  @media (min-width: 768px) {
    .po-portfolio-slider-top .bx-wrapper .bx-prev {
      position: absolute;
      z-index: 999999999999;
      width: 55px;
      height: 100px;
      margin-top: 0px;
      background: url(images/next.png) no-repeat -30px center rgba(0, 0, 0, 0.1) !important; }
    .po-portfolio-slider-top .bx-wrapper .bx-next {
      position: absolute;
      width: 55px;
      height: 100px;
      margin-top: 0px;
      right: 0px;
      background: url(images/prev.png) 4px center no-repeat rgba(0, 0, 0, 0.1) !important; } }
  .po-portfolio-slider-top .bx-wrapper .bx-prev:hover {
    opacity: 1; }
  .po-portfolio-slider-top .bx-wrapper .bx-next:hover {
    opacity: 1; }
  @media (max-width: 767px) {
    .po-portfolio-slider-top .bx-wrapper .bx-controls-direction a {
      position: absolute;
      margin-top: -250px;
      outline: 0;
      text-indent: -9999px;
      z-index: 99999; } }
  @media (min-width: 768px) {
    .po-portfolio-slider-top .bx-wrapper .bx-controls-direction a {
      position: absolute;
      margin-top: -420px;
      outline: 0;
      text-indent: -9999px;
      z-index: 99999; } }
  @media (min-width: 992px) {
    .po-portfolio-slider-top .bx-wrapper .bx-controls-direction a {
      position: absolute;
      margin-top: -390px;
      outline: 0;
      text-indent: -9999px;
      z-index: 99999; } }
  .po-portfolio-slider-top .bx-wrapper .bx-controls-direction a.disabled {
    display: none; }
  .po-portfolio-slider-top .bx-wrapper .bx-controls-auto {
    text-align: center; }
  .po-portfolio-slider-top .bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    background: url(images/controls.png) -86px -11px no-repeat;
    margin: 0 3px; }
  .po-portfolio-slider-top .bx-wrapper .bx-controls-auto .bx-start:hover,
  .po-portfolio-slider-top .bx-wrapper .bx-controls-auto .bx-start.active {
    background-position: -86px 0; }
  .po-portfolio-slider-top .bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    background: url(images/controls.png) -86px -44px no-repeat;
    margin: 0 3px; }
  .po-portfolio-slider-top .bx-wrapper .bx-controls-auto .bx-stop:hover,
  .po-portfolio-slider-top .bx-wrapper .bx-controls-auto .bx-stop.active {
    background-position: -86px -33px; }
  .po-portfolio-slider-top .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%; }
  .po-portfolio-slider-top .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px; }
  .po-portfolio-slider-top .bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #666 \9;
    background: rgba(80, 80, 80, 0.75);
    width: 100%; }
  .po-portfolio-slider-top .bx-wrapper .bx-caption span {
    color: #fff;
    font-family: Arial;
    display: block;
    font-size: .85em;
    padding: 10px; }

@media (max-width: 767px) {
  .portfolio-slider-image, .home-slider-image {
    height: 450px; } }
@media (max-width: 767px) {
  .home-slider-image.index {
    height: 300px; } }
@media (min-width: 768px) {
  .home-slider-image.index {
    height: 400px !important; } }
@media (min-width: 768px) {
  .portfolio-slider-image, .home-slider-image {
    height: 700px; } }
@media (max-width: 767px) {
  .home-slider-image2 {
    height: 450px; } }
@media (min-width: 768px) {
  .home-slider-image2 {
    height: 730px; } }
.portfolio-slider-image-2 {
  height: 631px; }

@media (max-width: 991px) {
  .home-slider-image,
  .home-slider-image2 {
    width: 100%;
    z-index: -2;
    position: absolute;
    background-size: cover !important;
    background-repeat: no-repeat; } }
@media (min-width: 992px) {
  .home-slider-image,
  .home-slider-image2 {
    width: 100%;
    z-index: -2;
    position: absolute;
    background-attachment: fixed; } }
@media (max-width: 767px) {
  .slider-image-inner-outer {
    width: 80%;
    position: absolute;
    left: 10%;
    z-index: 99999999; }

  .slider-image-inner {
    width: 100%;
    display: table;
    margin-top: 0px;
    height: 400px; } }
@media (max-width: 767px) {
  .slider-image-inner.index {
    width: 100%;
    display: table;
    margin-top: 0px;
    height: 300px; } }
@media (min-width: 768px) {
  .slider-image-inner.index {
    width: 100%;
    display: table;
    margin-top: 0px;
    height: 400px; } }
@media (min-width: 768px) {
  .slider-image-inner-outer {
    width: 80%;
    position: absolute;
    left: 10%;
    z-index: 99999999; }

  .slider-image-inner {
    width: 100%;
    display: table;
    margin-top: 90px;
    height: 400px; } }
@media (min-width: 992px) {
  .slider-image-inner-outer {
    width: 88%;
    position: absolute;
    left: 6%;
    z-index: 99999999; }

  .slider-image-inner {
    width: 100%;
    display: table;
    margin-top: 100px;
    height: 400px; } }
@media (max-width: 767px) {
  .slider-image-inner-page {
    width: 100%;
    display: table;
    margin-top: 0px;
    height: 250px; } }
@media (min-width: 768px) {
  .slider-image-inner-page {
    width: 100%;
    display: table;
    height: 300px; } }
@media (min-width: 992px) {
  .slider-image-inner-page {
    width: 100%;
    display: table;
    height: 300px; } }
.slider-caption {
  text-align: left;
  color: #fff;
  display: table-cell;
  vertical-align: middle;
  padding: 0; }

.slider-image-inner-portfolio {
  width: 100%; }

.slider-caption-portfolio h1 {
  letter-spacing: 3px;
  margin: 0;
  padding: 0; }

@media (max-width: 767px) {
  .po-slider-bottom-button {
    display: block;
    width: 100%;
    text-align: center;
    height: 31px;
    border: none;
    position: absolute;
    bottom: 78px;
    font-size: 30px;
    z-index: 999999999; } }
@media (min-width: 768px) {
  .po-slider-bottom-button {
    display: block;
    width: 100%;
    text-align: center;
    height: 31px;
    border: none;
    position: absolute;
    bottom: 50px;
    font-size: 30px;
    z-index: 9; } }
@media (max-width: 767px) {
  .po-slider-bottom-button.single {
    display: none; } }
@media (min-width: 768px) {
  .po-slider-bottom-button.single {
    bottom: 0; } }
@media (max-width: 767px) {
  .po-slider-bottom-button-page {
    bottom: 78px; } }
@media (min-width: 768px) {
  .po-slider-bottom-button-page {
    bottom: 123px; } }
.po-slider-bottom-button i {
  opacity: 1;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out; }

.po-slider-bottom-button i:hover {
  opacity: 0.8; }

.po-slider-folder-button a {
  display: block;
  color: #fff;
  width: 100%;
  text-align: center;
  height: 31px;
  border: none;
  position: absolute;
  bottom: 180px;
  font-size: 25px;
  z-index: 999999999999999999999999999999999;
  opacity: 0.7; }

.po-slider-folder-button a:hover {
  color: #fff;
  opacity: 1; }

@media (max-width: 767px) {
  .slider-video {
    width: 100%;
    position: fixed;
    height: 450px;
    z-index: -1; }

  .slider-video iframe {
    position: absolute;
    top: -3px;
    left: -25%;
    width: 150%;
    height: 100%;
    margin-top: 0px; } }
@media (min-width: 768px) {
  .slider-video {
    width: 100%;
    position: fixed;
    height: 700px;
    z-index: -1; }

  .slider-video iframe {
    position: absolute;
    top: -3px;
    left: -25%;
    width: 150%;
    height: 100%;
    margin-top: 0px; } }
@media (min-width: 1250px) {
  .slider-video {
    width: 100%;
    position: fixed;
    padding-bottom: 56.25%;
    /* 16:9 */
    height: 0;
    z-index: -1; }

  .slider-video iframe {
    position: absolute;
    top: -3px;
    left: 0;
    width: 100%;
    height: 100%;
    margin-top: 0px; } }
.slider-video-portfolio {
  width: 100%;
  position: absolute;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
  z-index: 99;
  display: none; }

.slider-video-portfolio iframe {
  position: absolute;
  top: -3px;
  left: 0;
  width: 100%;
  height: 100% !important;
  margin-top: 0px; }

.slider-video-team {
  width: 100%;
  position: absolute;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
  z-index: 99; }

.slider-video-team iframe {
  position: absolute;
  top: -3px;
  left: 0;
  width: 100%;
  height: 100% !important;
  margin-top: 0px; }

.video-shade {
  position: absolute;
  z-index: 9999999999999999999999999999;
  width: 100%;
  height: 100%;
  cursor: url(images/close-b.png) 38 38, default;
  display: none; }

@media (max-width: 767px) {
  .slider-caption h1 {
    text-transform: inherit;
    font-size: 26px;
    font-weight: 500; } }
@media (min-width: 768px) {
  .slider-caption h1 {
    text-transform: inherit;
    font-size: 48px;
    font-weight: 500; } }
@media (max-width: 767px) {
  .slider-caption .slider-date {
    display: none; } }
@media (min-width: 768px) {
  .slider-caption .slider-date {
    font-size: 16px;
    margin-top: 25px;
    font-style: italic; } }
@media (max-width: 767px) {
  .slider-subtitle {
    display: none; } }
@media (min-width: 768px) {
  .slider-subtitle {
    font-size: 11px;
    letter-spacing: 0px;
    font-style: normal;
    text-transform: uppercase;
    margin-bottom: 5px;
    font-weight: 700;
    letter-spacing: 1px; } }
.slider-subtitle span {
  display: inline-block;
  margin-left: 4px;
  margin-right: 4px;
  width: 9px;
  height: 9px;
  opacity: 0.9; }

.slider-sep-line {
  border-top: 2px solid #fff;
  width: 20px;
  margin: 20px auto; }

.slider-video-icon {
  opacity: 1;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out; }

.slider-video-icon:hover {
  opacity: 0.8; }

@media (max-width: 767px) {
  .video-icon-container {
    position: absolute;
    z-index: 9999999999999999;
    margin: 335px 0 0;
    width: 100%; } }
@media (min-width: 768px) {
  .video-icon-container {
    position: absolute;
    z-index: 9999999999999999;
    margin: 500px 0 0;
    width: 100%; } }
@media (max-width: 767px) {
  .video-icon-container-slide {
    margin: 0px 0 0;
    bottom: 55px; } }
@media (min-width: 768px) {
  .video-icon-container-slide {
    margin: 0px 0 0;
    bottom: 90px; } }
@media (max-width: 767px) {
  .slider-slides {
    position: fixed;
    width: 100%;
    height: 450px; } }
@media (max-width: 767px) {
  .slider-slides.index {
    position: fixed;
    width: 100%;
    height: 300px; } }
@media (min-width: 768px) {
  .slider-slides.index {
    position: fixed;
    width: 100%;
    height: 400px; } }
@media (min-width: 768px) {
  .slider-slides {
    position: fixed;
    width: 100%;
    height: 650px; } }
@media (max-width: 767px) {
  a.go-to-click {
    font-size: 15px;
    cursor: pointer;
    right: 21px;
    position: absolute;
    padding: 10px;
    color: #aaa; } }
@media (min-width: 768px) {
  a.go-to-click {
    font-size: 15px;
    cursor: pointer;
    right: 61px;
    position: absolute;
    padding: 10px;
    color: #aaa; } }
@media (max-width: 767px) {
  a.go-to-click-slide {
    font-size: 15px;
    cursor: pointer;
    right: 11px;
    position: absolute;
    padding: 10px; } }
@media (min-width: 768px) {
  a.go-to-click-slide {
    font-size: 15px;
    cursor: pointer;
    right: 61px;
    position: absolute;
    padding: 10px; } }
@media (max-width: 767px) {
  .image-info {
    font-size: 18px;
    cursor: pointer;
    right: 11px;
    position: absolute;
    padding: 10px;
    color: #ddd; } }
@media (min-width: 768px) {
  .image-info {
    font-size: 18px;
    cursor: pointer;
    right: 61px;
    position: absolute;
    padding: 10px;
    color: #ddd; } }
a.go-to-click,
a.go-to-click-slide,
.image-info {
  opacity: 1;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out; }

a.go-to-click:hover,
a.go-to-click-slide:hover,
.image-info:hover {
  opacity: 0.8; }

.go-to {
  position: absolute;
  z-index: 99999999;
  margin: 448px auto 0;
  width: 100%; }

.site-show {
  cursor: pointer; }

.white-content .slider-caption h1,
.white-content .slider-caption-portfolio h1,
.white-content .button-icon-left-manual-2,
.white-content .port-back,
.white-content .nav-portfolio-item:hover .prev-portfolio-item,
.white-content .nav-portfolio-item:hover .next-portfolio-item {
  color: #fff; }
.white-content .slider-caption .slider-date {
  color: #fff; }
.white-content .post-author-details {
  color: #fff; }
.white-content .post-author-details a {
  color: #ccc; }
.white-content .post-author-details a:hover {
  color: #fff; }
.white-content .sepline-port {
  border-top: 2px solid #fff; }
.white-content .slider-subtitle,
.white-content .slider-subtitle a,
.white-content .subtitle-port {
  color: #fff; }
.white-content .slider-subtitle span,
.white-content .subtitle-port span {
  background: url(images/cat-sep.png) no-repeat;
  background-size: 9px 9px; }
.white-content a.go-to-click,
.white-content a.go-to-click-slide {
  color: #fff; }
.white-content .icon-bar {
  background-color: #fff; }
.white-content .po-slider-bottom-button {
  color: #fff; }
.white-content .next-portfolio-item {
  background: url(images/arrow-large-left.png) no-repeat;
  background-size: 25px 21px; }
.white-content .prev-portfolio-item {
  background: url(images/arrow-large-right.png) no-repeat;
  background-size: 25px 21px; }
.white-content .share-links-standard li a {
  color: #fff; }
.white-content .share-links-standard li .index {
  border: 1px solid #fff; }
.white-content .share-links-standard li .prev,
.white-content .share-links-standard li .love {
  border: 1px solid #fff; }
.white-content .share-links-standard li .next {
  border: 1px solid #fff; }
.white-content .share-links-standard li {
  color: #fff; }
.white-content .top-page .menu li,
.white-content .top-page .menu li a,
.white-content .top-page .menu li,
.white-content .top-page .menu li a {
  color: #fff; }
.white-content .top-page .menu li.active a,
.white-content .top-page .menu li a:hover,
.white-content .top-page .menu li.active a,
.white-content .top-page .menu li a:hover {
  color: #fff; }

.light-content .slider-caption h1,
.light-content .slider-caption-portfolio h1,
.light-content .button-icon-left-manual-2,
.light-content .port-back,
.light-content .nav-portfolio-item:hover .prev-portfolio-item,
.light-content .nav-portfolio-item:hover .next-portfolio-item {
  color: #ddd; }
.light-content .slider-caption .slider-date {
  color: #ddd; }
.light-content .post-author-details {
  color: #ddd; }
.light-content .post-author-details a {
  color: #bbb; }
.light-content .post-author-details a:hover {
  color: #ddd; }
.light-content .sepline-port {
  border-top: 2px solid #ddd; }
.light-content .slider-subtitle,
.light-content .slider-subtitle a,
.light-content .subtitle-port {
  color: #ddd; }
.light-content .slider-subtitle span,
.light-content .subtitle-port span {
  background: url(images/cat-sep-light.png) no-repeat; }
.light-content a.go-to-click,
.light-content a.go-to-click-slide {
  color: #ddd; }
.light-content .icon-bar {
  background-color: #ddd; }
.light-content .po-slider-bottom-button {
  color: #ddd; }
.light-content .next-portfolio-item {
  background: url(images/arrow-large-left-light.png) no-repeat;
  background-size: 25px 21px; }
.light-content .prev-portfolio-item {
  background: url(images/arrow-large-right-light.png) no-repeat;
  background-size: 25px 21px; }
.light-content .share-links-standard li a {
  color: #ddd; }
.light-content .share-links-standard li .index {
  border: 1px solid #ddd; }
.light-content .share-links-standard li .prev,
.light-content .share-links-standard li .love {
  border: 1px solid #ddd; }
.light-content .share-links-standard li .next {
  border: 1px solid #ddd; }
.light-content .share-links-standard li {
  color: #ddd; }
.light-content .share-links-standard li:hover,
.light-content .share-links-standard li:hover i,
.light-content .share-links-standard li a:hover {
  color: #fff; }
.light-content .top-page .menu li,
.light-content .top-page .menu li a,
.light-content .top-page .menu li,
.light-content .top-page .menu li a {
  color: #ccc; }
.light-content .top-page .menu li.active a,
.light-content .top-page .menu li a:hover,
.light-content .top-page .menu li.active a,
.light-content .top-page .menu li a:hover {
  color: #ccc; }

.black-content .slider-caption h1,
.black-content .slider-caption-portfolio h1,
.black-content .button-icon-left-manual-2,
.black-content .port-back,
.black-content .nav-portfolio-item:hover .prev-portfolio-item,
.black-content .nav-portfolio-item:hover .next-portfolio-item {
  color: #000; }
.black-content .slider-caption .slider-date {
  color: #000; }
.black-content .post-author-details {
  color: #000; }
.black-content .post-author-details a {
  color: #444; }
.black-content .post-author-details a:hover {
  color: #000; }
.black-content .sepline-port {
  border-top: 2px solid #000; }
.black-content .slider-subtitle,
.black-content .slider-subtitle a,
.black-content .subtitle-port {
  color: #000; }
.black-content .slider-subtitle span,
.black-content .subtitle-port span {
  background: url(images/cat-sep-dark.png) no-repeat; }
.black-content a.go-to-click,
.black-content a.go-to-click-slide {
  color: #000; }
.black-content .icon-bar {
  background-color: #000; }
.black-content .po-slider-bottom-button {
  color: #000; }
.black-content .next-portfolio-item {
  background: url(images/arrow-large-left-black.png) no-repeat;
  background-size: 25px 21px; }
.black-content .prev-portfolio-item {
  background: url(images/arrow-large-right-black.png) no-repeat;
  background-size: 25px 21px; }
.black-content .share-links-standard li a {
  color: #000; }
.black-content .share-links-standard li .index {
  border: 1px solid #000; }
.black-content .share-links-standard li .prev,
.black-content .share-links-standard li .love {
  border: 1px solid #000; }
.black-content .share-links-standard li .next {
  border: 1px solid #000; }
.black-content .share-links-standard li {
  color: #000; }
.black-content .share-links-standard li:hover,
.black-content .share-links-standard li:hover i,
.black-content .share-links-standard li a:hover {
  color: #fff; }
.black-content .top-page .menu li,
.black-content .top-page .menu li a,
.black-content .top-page .menu li,
.black-content .top-page .menu li a {
  color: #000; }
.black-content .top-page .menu li.active a,
.black-content .top-page .menu li a:hover,
.black-content .top-page .menu li.active a,
.black-content .top-page .menu li a:hover {
  color: #000; }

.one-nav .icon-bar {
  background-color: #ddd; }

.one-nav-fixed .icon-bar {
  background-color: #fff; }

.googleMap img {
  max-width: none; }

.button.slider {
  background: #111;
  padding: 10px 20px;
  color: #FFF;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 11px;
  font-weight: 700;
  margin: 30px auto 0;
  width: 200px;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out; }

.button.slider.video {
  background: #111;
  padding: 10px 20px;
  color: #FFF;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 11px;
  font-weight: 700;
  margin-left: 10px;
  float: left;
  width: 200px;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  cursor: pointer; }

@media (max-width: 767px) {
  .video-modal.button.slider.video {
    float: none;
    margin-left: auto;
    margin-right: auto; }

  .go-to-click.button.slider.video {
    float: none;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto; } }
.video-click.button.slider.video {
  margin-left: 0px; }

.button.slider.single {
  cursor: pointer; }

.ddeded iframe {
  height: 20px; }

.soundcloud-grid {
  background: #eee;
  padding: 10px 10px 3px;
  border: 1px solid #ddd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px; }

@media (max-width: 767px) {
  .video-buttons {
    width: 100%;
    margin: 0 auto; } }
@media (min-width: 768px) {
  .video-buttons {
    width: 410px;
    margin: 0 auto; } }
/* #animations
--------------------------------------------------*/
/* Float
-----------------------------------------------------------------------------------*/
.po-floating {
  animation-name: po-floating;
  -webkit-animation-name: po-floating;
  animation-duration: 3.5s;
  -webkit-animation-duration: 3.5s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite; }

@keyframes po-floating {
  0% {
    transform: translateY(0%); }
  50% {
    transform: translateY(12%); }
  100% {
    transform: translateY(0%); } }
@-webkit-keyframes po-floating {
  0% {
    -webkit-transform: translateY(0%); }
  50% {
    -webkit-transform: translateY(12%); }
  100% {
    -webkit-transform: translateY(0%); } }
/* Bounce In
-----------------------------------------------------------------------------------*/
.po-bounce-in {
  -webkit-animation: po-bounce-in 0.4s ease-out backwards;
  -moz-animation: po-bounce-in 0.4s ease-out backwards;
  -ms-animation: po-bounce-in 0.4s ease-out backwards;
  -o-animation: po-bounce-in 0.4s ease-out backwards;
  animation: po-bounce-in 0.4s ease-out backwards; }

@-webkit-keyframes po-bounce-in {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.5, 0.5, 1);
    transform: scale3d(0.5, 0.5, 1); }
  50% {
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1); }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@-moz-keyframes po-bounce-in {
  0% {
    opacity: 0;
    -moz-transform: scale3d(0.5, 0.5, 1);
    transform: scale3d(0.5, 0.5, 1); }
  50% {
    -moz-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1); }
  100% {
    opacity: 1;
    -moz-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@-o-keyframes po-bounce-in {
  0% {
    opacity: 0;
    -o-transform: scale3d(0.5, 0.5, 1);
    transform: scale3d(0.5, 0.5, 1); }
  50% {
    -o-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1); }
  100% {
    opacity: 1;
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@-ms-keyframes po-bounce-in {
  0% {
    opacity: 0;
    -ms-transform: scale3d(0.5, 0.5, 1);
    transform: scale3d(0.5, 0.5, 1); }
  50% {
    -ms-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1); }
  100% {
    opacity: 1;
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@keyframes po-bounce-in {
  0% {
    opacity: 0;
    transform: scale3d(0.5, 0.5, 1); }
  50% {
    transform: scale3d(1.1, 1.1, 1); }
  100% {
    opacity: 1;
    transform: scale3d(1, 1, 1); } }
/* Fade In Slow
-----------------------------------------------------------------------------------*/
.po-fade-in {
  -webkit-animation: po-fade-in 2.5s ease-out backwards;
  -moz-animation: po-fade-in 2.5s ease-out backwards;
  -ms-animation: po-fade-in 2.5s ease-out backwards;
  -o-animation: po-fade-in 2.5s ease-out backwards;
  animation: po-fade-in 2.5s ease-out backwards; }

@-moz-keyframes po-fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-webkit-keyframes po-fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-o-keyframes po-fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-ms-keyframes po-fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes po-fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
/* Expand
-----------------------------------------------------------------------------------*/
@media (min-width: 768px) {
  .hover-ani:hover .icon-box-side,
  .hover-ani:hover .icon-box,
  .hover-ani:hover .icon-box-side,
  .hover-ani:hover .icon-boxless,
  .hover-ani:hover .icon-box-left,
  .hover-ani:hover .icon-float,
  .hover-ani:hover .po-icon-title,
  .hover-ani:hover .po-icon,
  .hover-ani:hover .icon-boxless-top {
    -webkit-animation: po-expand 0.4s ease-out forwards;
    -moz-animation: po-expand 0.4s ease-out forwards;
    -ms-animation: po-expand 0.4s ease-out forwards;
    -o-animation: po-expand 0.4s ease-out forwards;
    animation: po-expand 0.4s ease-out forwards; } }
@-webkit-keyframes po-expand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@-moz-keyframes po-expand {
  0% {
    -moz-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  50% {
    -moz-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1); }
  100% {
    -moz-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@-o-keyframes po-expand {
  0% {
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  50% {
    -o-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1); }
  100% {
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@-ms-keyframes po-expand {
  0% {
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  50% {
    -ms-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1); }
  100% {
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@keyframes po-bounce-in {
  0% {
    transform: scale3d(1, 1, 1); }
  50% {
    transform: scale3d(1.1, 1.1, 1); }
  100% {
    transform: scale3d(1, 1, 1); } }
/* Expand Line
-----------------------------------------------------------------------------------*/
@media (min-width: 768px) {
  .hover-ani:hover .icon-box-line,
  .hover-ani:hover .count-line,
  .hover-ani:hover .circular-line {
    -webkit-animation: po-expand-line 0.5s ease-out forwards;
    -moz-animation: po-expand-line 0.5s ease-out forwards;
    -ms-animation: po-expand-line 0.5s ease-out forwards;
    -o-animation: po-expand-line 0.5s ease-out forwards;
    animation: po-expand-line 0.5s ease-out forwards; } }
@media (max-width: 767px) {
  @-webkit-keyframes po-expand-line {
    0% {
      width: 20%; }
    50% {
      width: 40%; }
    100% {
      width: 30%; } }
  @-moz-keyframes po-expand-line {
    0% {
      width: 20%; }
    50% {
      width: 40%; }
    100% {
      width: 30%; } }
  @-o-keyframes po-expand-line {
    0% {
      width: 20%; }
    50% {
      width: 40%; }
    100% {
      width: 30%; } }
  @-ms-keyframes po-expand-line {
    0% {
      width: 20%; }
    50% {
      width: 40%; }
    100% {
      width: 30%; } }
  @keyframes po-expand-line {
    0% {
      width: 20%; }
    50% {
      width: 40%; }
    100% {
      width: 30%; } } }
@media (min-width: 768px) {
  @-webkit-keyframes po-expand-line {
    0% {
      width: 50%; }
    50% {
      width: 80%; }
    100% {
      width: 70%; } }
  @-moz-keyframes po-expand-line {
    0% {
      width: 50%; }
    50% {
      width: 80%; }
    100% {
      width: 70%; } }
  @-o-keyframes po-expand-line {
    0% {
      width: 50%; }
    50% {
      width: 80%; }
    100% {
      width: 70%; } }
  @-ms-keyframes po-expand-line {
    0% {
      width: 50%; }
    50% {
      width: 80%; }
    100% {
      width: 70%; } }
  @keyframes po-expand-line {
    0% {
      width: 50%; }
    50% {
      width: 80%; }
    100% {
      width: 70%; } } }
/* COLUMN ANIMATIONS
-----------------------------------------------------------------------------------*/
.fade-in-port {
  opacity: 1; }

/* Fade In 
-----------------------------------------------------------------------------------*/
.fade-in {
  -webkit-animation: fadeIn 0.65s ease forwards;
  -moz-animation: fadeIn 0.65s ease forwards;
  -ms-animation: fadeIn 0.65s ease forwards;
  animation: fadeIn 0.65s ease forwards; }

@-webkit-keyframes fadeIn {
  to {
    opacity: 1; } }
@-moz-keyframes fadeIn {
  to {
    opacity: 1; } }
@-ms-keyframes fadeIn {
  to {
    opacity: 1; } }
@keyframes fadeIn {
  to {
    opacity: 1; } }
/* Move Up 
-----------------------------------------------------------------------------------*/
.move-up {
  -webkit-transform: translateY(50px);
  -moz-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-animation: moveUp 0.65s ease forwards;
  -moz-animation: moveUp 0.65s ease forwards;
  animation: moveUp 0.65s ease forwards; }

@-webkit-keyframes moveUp {
  to {
    -webkit-transform: translateY(0);
    opacity: 1; } }
@-moz-keyframes moveUp {
  to {
    -moz-transform: translateY(0);
    opacity: 1; } }
@keyframes moveUp {
  to {
    transform: translateY(0);
    opacity: 1; } }
/* Move Up Long
-----------------------------------------------------------------------------------*/
.move-up-long {
  -webkit-transform: translateY(200px);
  -moz-transform: translateY(200px);
  transform: translateY(200px);
  -webkit-animation: moveUp 0.9s ease forwards;
  -moz-animation: moveUp 0.9s ease forwards;
  animation: moveUp 0.9s ease forwards; }

@-webkit-keyframes moveUp {
  to {
    -webkit-transform: translateY(0);
    opacity: 1; } }
@-moz-keyframes moveUp {
  to {
    -moz-transform: translateY(0);
    opacity: 1; } }
@keyframes moveUp {
  to {
    transform: translateY(0);
    opacity: 1; } }
/* Move Up Short
-----------------------------------------------------------------------------------*/
.move-up-short {
  -webkit-transform: translateY(15px);
  -moz-transform: translateY(15px);
  -ms-transform: translateY(15px);
  transform: translateY(15px);
  -webkit-animation: moveUp 0.85s ease forwards;
  -moz-animation: moveUp 0.85s ease forwards;
  -ms-animation: moveUp 0.85s ease forwards;
  animation: moveUp 0.85s ease forwards; }

@-webkit-keyframes moveUp {
  to {
    -webkit-transform: translateY(0);
    opacity: 1; } }
@-moz-keyframes moveUp {
  to {
    -moz-transform: translateY(0);
    opacity: 1; } }
@-ms-keyframes moveUp {
  to {
    -moz-transform: translateY(0);
    opacity: 1; } }
@keyframes moveUp {
  to {
    transform: translateY(0);
    opacity: 1; } }
/* Move Down
-----------------------------------------------------------------------------------*/
.move-down-short {
  -webkit-transform: translateY(-15px);
  -moz-transform: translateY(-15px);
  transform: translateY(-15px);
  -webkit-animation: moveDown 0.85s ease forwards;
  -moz-animation: moveDown 0.85 ease forwards;
  animation: moveDown 0.85s ease forwards; }

@-webkit-keyframes moveDown {
  to {
    -webkit-transform: translateY(0);
    opacity: 1; } }
@-moz-keyframes moveDown {
  to {
    -moz-transform: translateY(0);
    opacity: 1; } }
@keyframes moveDown {
  to {
    transform: translateY(0);
    opacity: 1; } }
/* Move Down
-----------------------------------------------------------------------------------*/
.move-down {
  -webkit-transform: translateY(-50px);
  -moz-transform: translateY(-50px);
  transform: translateY(-50px);
  -webkit-animation: moveDown 0.65s ease forwards;
  -moz-animation: moveDown 0.65s ease forwards;
  animation: moveDown 0.65s ease forwards; }

@-webkit-keyframes moveDown {
  to {
    -webkit-transform: translateY(0);
    opacity: 1; } }
@-moz-keyframes moveDown {
  to {
    -moz-transform: translateY(0);
    opacity: 1; } }
@keyframes moveDown {
  to {
    transform: translateY(0);
    opacity: 1; } }
/* Move Left
-----------------------------------------------------------------------------------*/
.move-left {
  -webkit-transform: translateX(50px);
  -moz-transform: translateX(50px);
  transform: translateX(50px);
  -webkit-animation: moveLeft 0.65s ease forwards;
  -moz-animation: moveLeft 0.65s ease forwards;
  animation: moveLeft 0.65s ease forwards; }

@-webkit-keyframes moveLeft {
  to {
    -webkit-transform: translateX(0);
    opacity: 1; } }
@-moz-keyframes moveLeft {
  to {
    -moz-transform: translateX(0);
    opacity: 1; } }
@keyframes moveLeft {
  to {
    transform: translateX(0);
    opacity: 1; } }
/* Move Right
-----------------------------------------------------------------------------------*/
.move-right {
  -webkit-transform: translateX(-50px);
  -moz-transform: translateX(-50px);
  transform: translateX(-50px);
  -webkit-animation: moveRIght 0.65s ease forwards;
  -moz-animation: moveRIght 0.65s ease forwards;
  animation: moveRIght 0.65s ease forwards; }

@-webkit-keyframes moveRIght {
  to {
    -webkit-transform: translateX(0);
    opacity: 1; } }
@-moz-keyframes moveRIght {
  to {
    -moz-transform: translateX(0);
    opacity: 1; } }
@keyframes moveRIght {
  to {
    transform: translateX(0);
    opacity: 1; } }
/* Bounce In
-----------------------------------------------------------------------------------*/
.bounce-in {
  -webkit-animation: bounce-in 0.5s ease-out forwards;
  -moz-animation: bounce-in 0.5s ease-out forwards;
  -ms-animation: bounce-in 0.5s ease-out forwards;
  -o-animation: bounce-in 0.5s ease-out forwards;
  animation: bounce-in 0.5s ease-out forwards; }

@-webkit-keyframes bounce-in {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.5, 0.5, 1);
    transform: scale3d(0.5, 0.5, 1); }
  50% {
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1); }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@-moz-keyframes bounce-in {
  0% {
    opacity: 0;
    -moz-transform: scale3d(0.5, 0.5, 1);
    transform: scale3d(0.5, 0.5, 1); }
  50% {
    -moz-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1); }
  100% {
    opacity: 1;
    -moz-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@-o-keyframes bounce-in {
  0% {
    opacity: 0;
    -o-transform: scale3d(0.5, 0.5, 1);
    transform: scale3d(0.5, 0.5, 1); }
  50% {
    -o-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1); }
  100% {
    opacity: 1;
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@-ms-keyframes bounce-in {
  0% {
    opacity: 0;
    -ms-transform: scale3d(0.5, 0.5, 1);
    transform: scale3d(0.5, 0.5, 1); }
  50% {
    -ms-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1); }
  100% {
    opacity: 1;
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@keyframes bounce-in {
  0% {
    opacity: 0;
    transform: scale3d(0.5, 0.5, 1); }
  50% {
    transform: scale3d(1.1, 1.1, 1); }
  100% {
    opacity: 1;
    transform: scale3d(1, 1, 1); } }
/* Rotate In
-----------------------------------------------------------------------------------*/
.rotate-in {
  -webkit-animation: rotateIn 0.5s ease-out forwards;
  -moz-animation: rotateIn 0.5s ease-out forwards;
  -ms-animation: rotateIn 0.5s ease-out forwards;
  -o-animation: rotateIn 0.5s ease-out forwards;
  animation: rotateIn 0.5s ease-out forwards; }

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }
@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }
/* Roll In
-----------------------------------------------------------------------------------*/
.roll-in {
  -webkit-animation: rollIn 0.6s ease-out forwards;
  -moz-animation: rollIn 0.6s ease-out forwards;
  -ms-animation: rollIn 0.6s ease-out forwards;
  -o-animation: rollIn 0.6s ease-out forwards;
  animation: rollIn 0.6s ease-out forwards; }

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg); } }
@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg); } }
/*
==============================================
pullUp
==============================================
*/
.pull-up {
  animation-name: pullUp;
  -webkit-animation-name: pullUp;
  animation-duration: 0.6s;
  -webkit-animation-duration: 0.6s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%;
  animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards; }

@keyframes pullUp {
  0% {
    opacity: 0;
    transform: scaleY(0.1); }
  40% {
    opacity: 1;
    transform: scaleY(1.02); }
  60% {
    opacity: 1;
    transform: scaleY(0.98); }
  80% {
    opacity: 1;
    transform: scaleY(1.01); }
  100% {
    opacity: 1;
    transform: scaleY(0.98); }
  80% {
    opacity: 1;
    transform: scaleY(1.01); }
  100% {
    opacity: 1;
    transform: scaleY(1); } }
@-webkit-keyframes pullUp {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0.1); }
  40% {
    opacity: 1;
    -webkit-transform: scaleY(1.02); }
  60% {
    opacity: 1;
    -webkit-transform: scaleY(0.98); }
  80% {
    opacity: 1;
    -webkit-transform: scaleY(1.01); }
  100% {
    opacity: 1;
    -webkit-transform: scaleY(0.98); }
  80% {
    opacity: 1;
    -webkit-transform: scaleY(1.01); }
  100% {
    opacity: 1;
    -webkit-transform: scaleY(1); } }
/* #icon-box
--------------------------------------------------*/
.section-background-image .icon-box, .section-background-image .icon-box-side,
.section-background-image-fixed .icon-box,
.section-background-image-fixed .icon-box-side,
.section-background-image-parallax .icon-box,
.section-background-image-parallax .icon-box-side,
.section-background-image-video .icon-box,
.section-background-image-video .icon-box-side,
.section-background-custom-white .icon-box,
.section-background-custom-white .icon-box-side,
.section-background-custom-dark .icon-box,
.section-background-custom-dark .icon-box-side {
  width: 70px;
  height: 70px;
  display: table;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px; }
.section-background-image .po-column .po-icon-box .icon-green,
.section-background-image .po-column .po-icon-float .icon-green,
.section-background-image .po-column .po-icon-boxless .icon-green,
.section-background-image .po-column .po-icon-box-left .icon-green,
.section-background-image-fixed .po-column .po-icon-box .icon-green,
.section-background-image-fixed .po-column .po-icon-float .icon-green,
.section-background-image-fixed .po-column .po-icon-boxless .icon-green,
.section-background-image-fixed .po-column .po-icon-box-left .icon-green,
.section-background-image-parallax .po-column .po-icon-box .icon-green,
.section-background-image-parallax .po-column .po-icon-float .icon-green,
.section-background-image-parallax .po-column .po-icon-boxless .icon-green,
.section-background-image-parallax .po-column .po-icon-box-left .icon-green,
.section-background-image-video .po-column .po-icon-box .icon-green,
.section-background-image-video .po-column .po-icon-float .icon-green,
.section-background-image-video .po-column .po-icon-boxless .icon-green,
.section-background-image-video .po-column .po-icon-box-left .icon-green,
.section-background-custom-white .po-column .po-icon-box .icon-green,
.section-background-custom-white .po-column .po-icon-float .icon-green,
.section-background-custom-white .po-column .po-icon-boxless .icon-green,
.section-background-custom-white .po-column .po-icon-box-left .icon-green,
.section-background-custom-dark .po-column .po-icon-box .icon-green,
.section-background-custom-dark .po-column .po-icon-float .icon-green,
.section-background-custom-dark .po-column .po-icon-boxless .icon-green,
.section-background-custom-dark .po-column .po-icon-box-left .icon-green {
  color: #fff;
  border: 1px solid #fff; }
.section-background-image .po-column .icon-boxless-green,
.section-background-image-fixed .po-column .icon-boxless-green,
.section-background-image-parallax .po-column .icon-boxless-green,
.section-background-image-video .po-column .icon-boxless-green,
.section-background-custom-white .po-column .icon-boxless-green,
.section-background-custom-dark .po-column .icon-boxless-green {
  color: #fff; }

.icon-box-container {
  height: 80px; }

.icon-box, .icon-box-side {
  width: 80px;
  height: 80px;
  display: table;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px; }

.icon-float span {
  color: #333; }

.icon-box i, .icon-box-side i,
.icon-boxless i,
.icon-float i {
  display: table-cell;
  vertical-align: middle;
  text-align: center; }
.icon-box .icon-char, .icon-box-side .icon-char,
.icon-boxless .icon-char,
.icon-float .icon-char {
  display: table-cell;
  vertical-align: middle;
  text-align: center; }

.icon-box .icon-char, .icon-box-side .icon-char,
.icon-float .icon-char {
  font-size: 35px;
  font-weight: 600; }

@media (max-width: 767px) {
  .icon-box-line {
    width: 20%;
    margin: 4px auto 0px;
    border-top: 1px solid #e1e1e1;
    margin-bottom: 23px;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out; } }
@media (min-width: 768px) {
  .icon-box-line {
    width: 50%;
    margin: 4px auto 0px;
    border-top: 1px solid #e1e1e1;
    margin-bottom: 23px;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out; } }
@media (min-width: 768px) {
  .po-column .po-icon-box:hover .icon-box-line {
    width: 70%; } }
.icon-boxless .icon-char {
  font-size: 55px;
  font-weight: 600;
  line-height: 55px; }

.po-icon-title .icon-char {
  font-size: 19px;
  font-weight: 600;
  line-height: 29px; }

.po-icon .icon-char {
  font-size: 45px;
  font-weight: 600;
  line-height: 40px; }

.icon-section-left-small, .icon-section-left {
  display: table-cell;
  vertical-align: top; }

.icon-section-left {
  padding-right: 25px; }

.details-section-right {
  display: table-cell;
  vertical-align: top; }

.details-section-right h4 {
  line-height: 1; }

.icon-box-side {
  width: 65px;
  height: 65px; }

.po-icon-box h4,
.po-icon-boxless h4,
.po-icon-float h4,
.po-icon-box-left h4,
.po-icon-small h4,
.po-icon-left h4 {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px; }

.po-icon-box h4,
.po-icon-boxless h4,
.po-icon-float h4,
.po-icon-box h6,
.po-icon-boxless h6,
.po-icon-float h6 {
  margin: 25px 0 20px;
  transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out; }

.po-linecons h4 {
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 15px 0 18px;
  transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out; }

.po-icon-box-left h4,
.po-icon-box-left h6 {
  margin: 0px 0 20px;
  transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out; }

.po-icon-small h4,
.po-icon-small h6 {
  margin: 5px 0 20px;
  transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out; }

.po-icon-left h4 {
  margin: 0 0 20px;
  transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out; }

.po-icon-left h6 {
  margin: 0 0 16px;
  transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out; }

.icon-boxless {
  width: 80px;
  display: table;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto; }

.icon-boxless-top {
  width: 80px;
  display: table;
  overflow: hidden;
  font-size: 26px;
  line-height: 0.85; }

.icon-float {
  width: 70px;
  height: 74px;
  display: table;
  overflow: hidden;
  margin-top: -37px;
  position: absolute;
  z-index: 99;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px; }

.icon-bg {
  background-color: #FFF;
  padding: 30px;
  margin-top: 37px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px; }

.po-column .po-icon-box .icon-green,
.po-column .po-icon-float .icon-green,
.po-column .po-icon-boxless .icon-green,
.po-column .po-icon-box-left .icon-green {
  transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out; }

.section-background-white .po-icon-box .icon-box, .section-background-white .po-icon-box .icon-box-side,
.section-background-white .po-icon-box-left .icon-box,
.section-background-white .po-icon-box-left .icon-box-side,
.section-background-white .po-icon-box-float .icon-box,
.section-background-white .po-icon-box-float .icon-box-side {
  background-color: #fff; }

.section-background-light .po-icon-box .icon-box, .section-background-light .po-icon-box .icon-box-side,
.section-background-light .po-icon-box-left .icon-box,
.section-background-light .po-icon-box-left .icon-box-side,
.section-background-light .po-icon-box-float .icon-box,
.section-background-light .po-icon-box-float .icon-box-side {
  background-color: #f5f5f5; }

.section-background-dark .po-icon-box .icon-box, .section-background-dark .po-icon-box .icon-box-side,
.section-background-dark .po-icon-box-left .icon-box,
.section-background-dark .po-icon-box-left .icon-box-side,
.section-background-dark .po-icon-box-float .icon-box,
.section-background-dark .po-icon-box-float .icon-box-side {
  background-color: #1B2124; }

.po-column .icon-boxless-green {
  transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out; }

.po-column po-icon-box.icon-green,
.po-column po-icon-float.icon-green,
.po-column po-icon-boxless.icon-green,
.po-column po-icon-box-left.icon-green {
  transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out; }

.entry-content .po-icon-left table {
  border-collapse: separate;
  border-spacing: 0;
  border-width: 0 0 0 0;
  margin-bottom: 0;
  width: 100%; }

.po-icon-left table td {
  vertical-align: top; }

.icon-td {
  width: 50px; }

.po-icon {
  margin-right: 25px; }

.po-icon-title {
  margin-right: 15px; }

.po-title-icon h4 {
  line-height: 1.9; }

.float-header {
  font-size: 11px;
  color: #000;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px; }

.float-text {
  margin-top: 10px; }

p.box-text,
.float-text {
  font-size: 13px;
  line-height: 1.7;
  color: #555; }

/* #count
--------------------------------------------------*/
@media (max-width: 767px) {
  .po-number {
    font-size: 60px; } }
@media (min-width: 768px) {
  .po-number {
    font-size: 50px; } }
@media (min-width: 992px) {
  .po-number {
    font-size: 50px;
    fonr-weight: 700; } }
.po-count .po-header-line {
  padding-top: 0px;
  padding-bottom: 10px;
  opacity: 0; }

.count-text {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 1.4; }

@media (max-width: 767px) {
  .count-icon {
    padding-top: 0px;
    padding-bottom: 0px; } }
@media (min-width: 768px) {
  .count-icon {
    padding-top: 0px;
    padding-bottom: 20px; } }
@media (max-width: 767px) {
  .count-line {
    width: 20%;
    margin: 5px auto 17px;
    border-top: 1px solid #e1e1e1;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out; } }
@media (min-width: 768px) {
  .count-line {
    width: 60%;
    margin: 15px auto 15px;
    border-top: 1px solid #e1e1e1;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out; } }
@media (min-width: 992px) {
  .count-line {
    width: 50%;
    margin: 10px auto 20px;
    border-top: 1px solid #e1e1e1;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out; } }
@media (min-width: 768px) {
  .po-column .hover-ani:hover .count-line {
    width: 70%; } }
.odometer.odometer-auto-theme, .odometer.odometer-theme-minimal {
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: top;
  *vertical-align: top;
  position: relative; }

.odometer.odometer-auto-theme, .odometer.odometer-theme-minimal {
  *display: inline; }

.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-minimal .odometer-digit {
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: top;
  *vertical-align: top;
  position: relative; }

.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-minimal .odometer-digit {
  *display: inline; }

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-spacer {
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: top;
  *vertical-align: top;
  visibility: hidden; }

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-spacer {
  *display: inline; }

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-inner {
  text-align: left;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden; }

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon {
  display: block; }

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon-inner {
  display: block;
  -webkit-backface-visibility: hidden; }

.odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-minimal .odometer-digit .odometer-value {
  display: block;
  -webkit-transform: translateZ(0); }

.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-minimal .odometer-digit .odometer-value.odometer-last-value {
  position: absolute; }

.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-up .odometer-ribbon-inner {
  -webkit-transition: -webkit-transform 2s;
  -moz-transition: -moz-transform 2s;
  -ms-transition: -ms-transform 2s;
  -o-transition: -o-transform 2s;
  transition: transform 2s; }

.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%); }

.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-down .odometer-ribbon-inner {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%); }

.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
  -webkit-transition: -webkit-transform 2s;
  -moz-transition: -moz-transform 2s;
  -ms-transition: -ms-transform 2s;
  -o-transition: -o-transform 2s;
  transition: transform 2s;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0); }

/* #portfolio
--------------------------------------------------*/
.po-portfolio-header {
  padding: 8px 0 24px;
  background-color: #eee;
  border-bottom: 1px solid #ddd; }

@media (max-width: 767px) {
  .filter-item {
    width: 100%; } }
@media (min-width: 768px) {
  .filter-item {
    width: 50%; } }
@media (min-width: 992px) {
  .filter-item {
    width: 33.33333333333333333333333333333333333333333333333333333333333333333333%; } }
.portfolio-item,
.portfolio-item-footer,
.portfolio-page {
  display: block;
  padding: 0px; }

.liquid-container-portfolio {
  width: 100%;
  height: 700px; }

.liquid-container-portfolio-2 {
  width: 100%;
  height: 350px; }

.liquid-container {
  width: 100%;
  height: 230px; }

.column-12 .liquid-container {
  height: 380px; }

@media (max-width: 767px) {
  .column-12 .liquid-container-page {
    width: 100%;
    height: 460px;
    -webkit-box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.08);
    box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.08); }

  .column-6 .liquid-container-page {
    width: 100%;
    height: 260px; } }
@media (min-width: 768px) {
  .column-12 .liquid-container-page {
    width: 100%;
    height: 560px;
    -webkit-box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.08);
    box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.08); }

  .column-6 .liquid-container-page {
    width: 100%;
    height: 560px; } }
@media (min-width: 992px) {
  .column-12 .liquid-container-page {
    width: 100%;
    height: 650px;
    -webkit-box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.08);
    box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.08); }

  .column-6 .liquid-container-page {
    width: 100%;
    height: 560px; } }
.liquid-container-page a {
  cursor: url(images/close-b.png) 38 38, default; }

@media (max-width: 767px) {
  .liquid-container-footer {
    height: 220px; } }
@media (min-width: 768px) {
  .liquid-container-footer {
    height: 177px; } }
@media (min-width: 992px) {
  .liquid-container-footer {
    height: 87px; } }
@media (max-width: 767px) {
  .liquid-container-clients {
    height: 220px; } }
@media (min-width: 768px) {
  .liquid-container-clients {
    height: 130px; } }
@media (min-width: 992px) {
  .liquid-container-clients {
    height: 150px; } }
.liquid-containerd {
  height: auto; }

.liquid-containerd img {
  width: 100%;
  height: auto; }

@media (max-width: 767px) {
  .three-column a {
    width: 100%; } }
@media (min-width: 768px) {
  .three-column a {
    width: 100.6%; } }
@media (min-width: 992px) {
  .three-column a {
    width: 100.5%; } }
.portfolio-item a {
  display: block;
  position: relative; }

.portfolio-item-footer a {
  display: block;
  position: relative;
  cursor: url(images/cross-footer.png) 38 38, default; }

.item-title {
  text-transform: uppercase;
  font-weight: bold;
  color: #333; }

.subtitle {
  color: #fff;
  font-family: Georgia, 'Times New Roman', Times, serif;
  font-style: italic;
  text-transform: uppercase; }

.subtitle span {
  display: inline-block;
  margin-left: 4px;
  margin-right: 4px;
  width: 9px;
  height: 9px;
  background: url(images/cat-sep.png) no-repeat;
  background-size: 9px 9px; }

.subtitle-port {
  font-family: Georgia, 'Times New Roman', Times, serif;
  font-style: italic;
  font-size: 15px;
  text-transform: capitalize; }

.subtitle-port span {
  display: inline-block;
  margin-left: 4px;
  margin-right: 4px;
  width: 9px;
  height: 9px; }

.item-title {
  margin-bottom: 0px; }

.portfolio-details {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition-property: background-color;
  -moz-transition-property: background-color;
  -o-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-duration: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  transition-duration: 0.2s;
  opacity: 0.9; }

.portfolio-details .item-description {
  position: absolute;
  bottom: 0;
  height: 82px;
  display: table;
  width: 100%; }

.item-description .description-cell {
  display: table-cell;
  vertical-align: middle; }

@media (min-width: 768px) {
  .portfolio-item a:hover .subtitle span {
    background: url(images/cat-sep-w.png) no-repeat; } }
@media (min-width: 992px) {
  .home-items img {
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s; }

  .home-items:hover img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%); }

  .home-items:not(:hover) img {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%); }

  .home-items img:hover {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%); }

  .home-items img:not(:hover) img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%); } }
.portfolio-nav li {
  float: left;
  margin-left: -2px;
  list-style: none;
  margin-top: -3px; }

.portfolio-nav li a {
  color: #fff; }

.portfolio-nav li .index {
  padding: 8px 13px;
  font-size: 15px;
  line-height: 1.5;
  border: 2px solid rgba(255, 255, 255, 0.9);
  margin-top: -12px;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  position: relative;
  background-color: rgba(0, 0, 0, 0.2); }

.portfolio-nav li .prev {
  padding: 8px 13px;
  font-size: 15px;
  line-height: 1.5;
  border: 2px solid rgba(255, 255, 255, 0.9);
  -webkit-border-top-left-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-bottomleft: 6px;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  position: relative;
  background-color: rgba(0, 0, 0, 0.2); }

.portfolio-nav li .next {
  padding: 8px 13px;
  font-size: 15px;
  line-height: 1.5;
  border: 2px solid rgba(255, 255, 255, 0.9);
  -webkit-border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  -moz-border-radius-bottomright: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  position: relative;
  background-color: rgba(0, 0, 0, 0.2); }

.portfolio-nav .prev.blue:hover,
.portfolio-nav .index.blue:hover,
.portfolio-nav .next.blue:hover {
  border: 2px solid #50cad2;
  background-color: #50cad2; }

.portfolio-nav .prev.green:hover,
.portfolio-nav .index.green:hover,
.portfolio-nav .next.green:hover {
  z-index: 2; }

.portfolio-nav .prev.white:hover,
.portfolio-nav .index.white:hover,
.portfolio-nav .next.white:hover {
  border: 2px solid #fff;
  background-color: #fff;
  z-index: 2;
  color: #111; }

.share-links ul {
  padding: 0;
  margin: 0; }

.share-links li {
  float: right;
  list-style: none;
  margin-top: 0px; }

.share-links li a {
  color: #888; }

.share-links li .love {
  color: #888;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out; }

.share-links li .love:hover {
  color: #fff; }

.share-links li .love:hover i {
  color: #fff; }

.share-links li a:hover {
  color: #fff; }

.share-links li .index {
  font-size: 15px;
  line-height: 2;
  background-color: #e1e1e1;
  border: 1px solid #e1e1e1;
  margin: 0;
  padding: 5px 12px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  -webkit-font-smoothing: subpixel-antialiased; }

.share-links li .prev,
.share-links li .love {
  font-size: 14px;
  line-height: 1.8;
  font-weight: 300;
  background-color: #e1e1e1;
  border: 1px solid #e1e1e1;
  margin: 0;
  padding: 2px 12px 2px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  -webkit-font-smoothing: subpixel-antialiased; }

.share-links li .next {
  font-size: 15px;
  line-height: 2.2;
  position: relative;
  z-index: 0;
  font-size: 14px;
  background-color: #e1e1e1;
  border: 1px solid #e1e1e1;
  margin: 0;
  padding: 6px 12px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  -webkit-font-smoothing: subpixel-antialiased; }

.share-links .prev.love-it:hover {
  border: 1px solid #3B5998;
  background-color: #3B5998;
  z-index: 2; }

.share-links .index.fb:hover {
  border: 1px solid #3B5998;
  background-color: #3B5998;
  z-index: 2; }

.share-links .index.twit:hover {
  border: 1px solid #4099FF;
  background-color: #4099FF;
  z-index: 2; }

.share-links .index.goog:hover {
  border: 1px solid #D34836;
  background-color: #D34836;
  z-index: 2; }

.share-links .index.pint:hover {
  border: 1px solid #C92228;
  background-color: #C92228;
  z-index: 2; }

.share-links .love.green:hover,
.share-links .prev.green:hover,
.share-links .index.green:hover,
.share-links .next.green:hover {
  z-index: 2; }

.share-links li {
  color: #fff; }

@media (max-width: 767px) {
  .share-links-standard {
    margin-top: 16px;
    margin-right: auto;
    margin-left: auto; }

  .share-links-standard ul {
    text-align: center;
    margin: 0 !important;
    padding: 0 !important; }

  .share-links-standard li {
    display: inline-block;
    list-style: none;
    margin-top: 0px; }

  .share-links-standard li .index {
    display: inline-block;
    margin: 0 5px !important;
    padding: 0 !important; }

  .share-links-standard li .index {
    width: 35px;
    height: 35px;
    font-size: 15px;
    text-align: center;
    line-height: 33px;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    position: relative;
    color: #bbb;
    border: 1px solid #ccc;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px; }

  .share-links-standard li.love {
    padding-top: 1px; } }
@media (min-width: 768px) {
  .share-links-standard {
    margin-top: 16px;
    margin-right: 55px; }

  .share-links-standard li {
    float: right;
    margin-left: -1px;
    list-style: none;
    margin-top: 0px; }

  .share-links-standard li .index {
    margin: 0 0 0 10px;
    display: block;
    width: 35px;
    height: 35px;
    font-size: 15px;
    text-align: center;
    line-height: 33px;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    position: relative;
    color: #bbb;
    border: 1px solid #ccc;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px; }

  .share-links-standard li.love {
    margin: 0 1px 0 5px;
    padding-top: 1px; } }
.share-links-standard li .index.love-it {
  border: none; }

.share-links-standard li .index.love-it a {
  color: #FA3D59;
  border: none; }

.share-links-standard li .index.love-it a:hover {
  color: #D5334B; }

.share-links-standard .index.fb:hover {
  border: 1px solid #3B5998;
  background-color: #3B5998;
  color: #fff; }

.share-links-standard .index.twit:hover {
  border: 1px solid #4099FF;
  background-color: #4099FF;
  color: #fff; }

.share-links-standard .index.goog:hover {
  border: 1px solid #D34836;
  background-color: #D34836;
  color: #fff; }

.share-links-standard .index.mail:hover {
  color: #fff; }

.share-links-standard .index.pint {
  border: 1px solid #C92228;
  background-color: #C92228;
  z-index: 2; }

.share-links-standard .index.pint:hover {
  border: 1px solid #C92228;
  background-color: #C92228;
  z-index: 2; }

.share-links-2 li {
  -webkit-transition: all .4s;
  -moz-transition: all .4s;
  -ms-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s; }

.share-links-2:hover li {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: 0.6; }

.share-links-2:not(:hover) li {
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%); }

.share-links-2 li:hover {
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%);
  opacity: 1; }

.share-links-2 li:not(:hover) li {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: 0.6; }

.share-links-2 {
  margin: 120px 0; }

.share-links-2 ul {
  padding: 0;
  margin: 0;
  text-align: center; }

.share-links-2 li {
  font-size: 20px;
  display: inline-block;
  list-style: none;
  margin-top: 0px; }

.share-links-2 li a {
  color: #666;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out; }

.share-links-2 li .love i,
.share-links-2 li .mail i {
  color: #666;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out; }

.share-links-2 li .love,
.share-links-2 li .mail {
  color: #666;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  padding: 10px 15px;
  pointer: cursor; }

.share-links-2 li .love:hover {
  color: #fff; }

.share-links-2 li .love:hover i,
.share-links-2 li .mail:hover i {
  color: #fff; }

.share-links-2 .index {
  padding: 10px 15px;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out; }

.share-links-2 .index.fb:hover {
  color: #3B5998; }

.share-links-2 .index.twit:hover {
  color: #4099FF; }

.share-links-2 .index.goog:hover {
  color: #D34836; }

.prev-s a {
  width: 100%;
  height: 580px;
  display: block;
  position: relative;
  cursor: url(images/cross.png) 38 38, default; }

.index-s a {
  width: 100%;
  height: 580px;
  display: block;
  position: relative;
  cursor: url(images/cross.png) 38 38, default; }

.next-s a {
  width: 100%;
  height: 580px;
  display: block;
  position: relative;
  cursor: url(images/cross.png) 38 38, default; }

.next-s .arrow:hover .banner {
  background-color: #f00; }

.arrow {
  position: fixed;
  top: 0;
  right: 0;
  width: 60px;
  height: 100%;
  z-index: 50;
  cursor: url(images/prev.png) 38 38, default; }

.arrow-next {
  position: fixed;
  top: 0;
  width: 60px;
  height: 100%;
  z-index: 50;
  cursor: url(images/next.png) 38 38, default; }

.banner {
  position: fixed;
  top: -70px;
  left: 0;
  width: 100%;
  height: 120%;
  display: none;
  z-index: 40;
  opacity: 0.8; }

.banner2 {
  position: fixed;
  top: -70px;
  left: 0;
  width: 100%;
  height: 120%;
  display: none;
  z-index: 40;
  opacity: 0.8; }

.show {
  display: block; }

.single .prev, .single .next {
  position: fixed;
  top: 0;
  width: 200px;
  height: 100%;
  z-index: 50; }

.titlea-cont {
  left: 100px; }

.titleb-cont {
  text-align: right;
  right: 100px; }

.titlea-cont,
.titleb-cont {
  position: absolute;
  width: 400px;
  top: 50%;
  margin-top: -117px;
  z-index: 9999;
  display: none; }

.titlea,
.titleb {
  width: 400px;
  height: 150px;
  display: table; }

.titlea h2,
.titleb h2 {
  vertical-align: middle;
  display: table-cell;
  font-size: 20px;
  color: #fff; }

.port-back {
  font-size: 22px;
  float: left;
  opacity: 0.7;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out; }

.port-back:hover {
  opacity: 1; }

.next-b {
  position: absolute;
  width: 55px;
  height: 100px;
  top: 50%;
  margin-top: -80px;
  background: url(images/next.png) no-repeat -30px center rgba(0, 0, 0, 0.1); }

.prev-b {
  position: absolute;
  width: 55px;
  height: 100px;
  top: 50%;
  margin-top: -80px;
  right: 0;
  background: url(images/prev.png) no-repeat 4px center rgba(0, 0, 0, 0.1); }

.next-team {
  position: absolute;
  width: 80px;
  height: 80px;
  top: 230px;
  margin-top: 0px;
  left: -22px;
  background: url(images/next-b.png) no-repeat; }

.prev-team {
  position: absolute;
  width: 80px;
  height: 80px;
  top: 230px;
  margin-top: 0px;
  right: -22px;
  background: url(images/prev-b.png) no-repeat; }

.portfolio-link ul,
.portfolio-cat ul,
.portfolio-date ul {
  padding: 0;
  margin: 0; }

.portfolio-cat li,
.portfolio-link li,
.portfolio-date li {
  padding-left: 1.2em;
  font-size: 14px;
  list-style: none;
  padding: 8px 0 10px;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.1);
  font-family: 'Playfair Display', serif; }

.portfolio-cat li a,
.portfolio-link li a {
  color: #000;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out; }

.portfolio-date li {
  color: #000;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out; }

.portfolio-cat li a:before {
  content: '\f114';
  font-family: FontAwesome;
  display: inline-block;
  width: 1.7em; }

.portfolio-link li a:before {
  content: '\f08e';
  font-family: FontAwesome;
  display: inline-block;
  width: 1.7em; }

.portfolio-date li:before {
  content: '\f133';
  font-family: FontAwesome;
  display: inline-block;
  width: 1.7em; }

/**** Isotope filtering ****/
.isotope-item {
  z-index: 2; }

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1; }

@media (max-width: 767px) {
  .filter-button {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px; } }
.filter-button {
  color: #bbb;
  font-weight: 700;
  font-size: 10px;
  letter-spacing: 2px;
  text-transform: uppercase;
  border: 1px solid #ddd;
  margin: 0 6px 6px;
  padding: 4px 6px;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  -webkit-font-smoothing: subpixel-antialiased; }

.filter-button:hover {
  color: #fff; }

.filter-button.active, .filter-button:active {
  color: #fff; }

.pagination {
  width: 100%;
  margin: 0px; }

.pagination ul {
  padding-left: 0; }

.pagination li {
  list-style: none !important;
  float: left; }

.pagination-arrow-next {
  width: 25px;
  height: 21px;
  background: url(images/filter-arrow-right-grey-small.png) no-repeat 12px 5px;
  background-size: 12px 13px;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out; }

.pagination li a:hover .pagination-arrow-next {
  background: url(images/filter-arrow-right-white-small.png) no-repeat 12px 5px;
  background-size: 12px 13px; }

.pagination-arrow-prev {
  width: 25px;
  height: 21px;
  background: url(images/filter-arrow-left-grey-small.png) no-repeat 12px 5px;
  background-size: 12px 13px;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out; }

.pagination li a:hover .pagination-arrow-prev {
  background: url(images/filter-arrow-left-white-small.png) no-repeat 12px 5px;
  background-size: 12px 13px; }

.pagination li a,
.pagination li.dot {
  color: #999;
  padding: 4px 14px;
  border: 1px solid #fff;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  display: inline-block;
  background-color: #fff; }

.pagination li.pagination-arrow a {
  color: #999;
  padding: 6px 10px 6px 0px;
  border: 1px solid #fff;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  display: inline-block;
  background-color: #fff; }

.pagination li a:hover {
  position: relative;
  z-index: 2; }

.pagination li.active a {
  color: #fff;
  background-color: #000;
  border: 1px solid #000; }

.pagination-button-count {
  margin-left: 10px;
  color: #999;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out; }

.pagination-button:hover .filter-button-count {
  color: #fff; }

.filter-button-count {
  margin-left: 5px; }

.po-filter,
.po-rate {
  display: block;
  position: absolute;
  top: 0;
  z-index: 9999;
  left: 0px;
  padding: 5px 10px 6px 11px;
  cursor: pointer;
  color: #fff;
  width: 35px;
  height: 31px;
  background: url(images/filter-arrow-right-white-small.png) no-repeat 11px 9px; }

.po-filter-portfolio {
  display: block;
  position: absolute;
  top: 0;
  z-index: 9999;
  right: 0;
  padding: 5px 10px 6px 11px;
  cursor: pointer;
  color: #fff;
  width: 35px;
  height: 31px;
  background: url(images/filter-arrow-left-white-small.png) no-repeat 11px 9px;
  background-size: 12px 13px; }

.po-menu-button-bg {
  float: left;
  padding: 5px 10px 6px 11px;
  cursor: pointer;
  color: #fff;
  width: 35px;
  height: 31px;
  background: #000;
  border: none;
  position: absolute;
  z-index: 0; }

.po-menu-button-close {
  display: none;
  float: left;
  padding: 5px 10px 6px 11px;
  cursor: pointer;
  color: #fff;
  width: 35px;
  height: 31px;
  background: url(images/menu-lines-close.png) no-repeat 11px 9px;
  background-size: 12px 13px;
  border: none;
  position: relative;
  z-index: 1; }

.po-menu-button {
  display: block;
  float: left;
  padding: 5px 10px 6px 11px;
  cursor: pointer;
  color: #fff;
  width: 35px;
  height: 31px;
  background: url(images/menu-lines.png) no-repeat 11px 9px;
  background-size: 12px 13px;
  border: none;
  position: relative;
  z-index: 1; }

.po-info-button {
  display: block;
  float: right;
  padding: 5px 10px 6px 11px;
  cursor: pointer;
  color: #fff;
  width: 35px;
  height: 31px;
  background: url(images/filter-arrow-right-white-small.png) no-repeat 11px 9px;
  border: none; }

.po-footer-button {
  display: block;
  float: right;
  padding: 5px 10px 6px 11px;
  cursor: pointer;
  color: #fff;
  width: 35px;
  height: 31px;
  background: url(images/footer-down.png) no-repeat 11px 10px #000;
  background-size: 13px 12px;
  border: none;
  position: absolute;
  bottom: 0;
  z-index: 99999999999999999; }

.po-page-portfolio-filter {
  position: absolute;
  top: 0;
  z-index: 999;
  left: -999px; }

.po-page-portfolio-filter2 {
  padding: 0px 0 50px; }

.po-page-portfolio-filter-port {
  position: absolute;
  top: 0;
  z-index: 999;
  right: -999px; }

.po-page-portfolio-paginate {
  padding: 30px 0; }

.po-arrows-container {
  width: 100%;
  position: absolute;
  z-index: 99;
  margin-top: 50px; }

@media (max-width: 767px) {
  .share-links-container {
    width: 100%;
    position: absolute;
    z-index: 40;
    margin-top: 20px;
    bottom: 50px; } }
@media (min-width: 768px) {
  .share-links-container {
    width: 100%;
    position: absolute;
    z-index: 40;
    margin-top: 30px;
    bottom: 50px; } }
@media (min-width: 992px) {
  .share-links-container {
    width: 100%;
    position: absolute;
    z-index: 40;
    bottom: 80px; } }
.demo-red .banner {
  background: #f00; }

.demo-red .banner2 {
  background: #f00; }

.color-select li a {
  width: 20px;
  height: 20px;
  display: block; }

.port-description h2 {
  color: rgba(255, 255, 255, 0.9); }

.port-description p {
  color: rgba(255, 255, 255, 0.4); }

.next-portfolio-item {
  color: rgba(255, 255, 255, 0);
  width: 25px;
  height: 21px;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out; }

@media (max-width: 767px) {
  .next-portfolio-item-text,
  .next-portfolio-item-text-2 {
    display: none; } }
.next-portfolio-item-text {
  position: absolute;
  margin-left: 50px;
  margin-top: 3px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px; }

.next-portfolio-item-text-2 {
  position: absolute;
  margin-left: 134px;
  margin-top: 3px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px; }

.prev-portfolio-item {
  color: rgba(255, 255, 255, 0);
  width: 25px;
  height: 21px;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  float: right; }

@media (max-width: 767px) {
  .prev-portfolio-item-text,
  .prev-portfolio-item-text-2 {
    display: none; } }
.prev-portfolio-item-text {
  position: absolute;
  right: 61px;
  margin-top: 3px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px; }

.prev-portfolio-item-text-2 {
  position: absolute;
  margin-left: 45px;
  margin-top: 3px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px; }

.next-post-item {
  color: rgba(255, 255, 255, 0);
  width: 25px;
  height: 21px;
  background: url(images/arrow-large-left-grey.png) no-repeat;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out; }

.prev-post-item {
  color: rgba(255, 255, 255, 0);
  width: 25px;
  height: 21px;
  background: url(images/arrow-large-right-grey.png) no-repeat;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  float: right; }

.nav-portfolio-item:hover .prev-post-item {
  background: url(images/arrow-large-right.png) no-repeat; }

.nav-portfolio-item {
  padding: 15px;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out; }

@media (min-width: 768px) {
  .nav-portfolio-item-2 {
    opacity: 0.6; }

  .nav-portfolio-item-2:hover {
    opacity: 1; } }
.nav-portfolio-item:hover .prev-post-item,
.nav-portfolio-item:hover .next-post-item {
  color: #fff; }

.project-btn {
  font-family: 'Lato';
  padding: 6px 10px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px;
  background: #151515;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  text-align: center;
  margin: 0 auto;
  display: block;
  width: 100px;
  opacity: 0.8;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  letter-spacing: 1px; }

.project-btn:hover {
  color: #eee;
  opacity: 1; }

.project-page-btn {
  font-family: 'Lato';
  padding: 4px 8px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px;
  background: #151515;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  text-align: center;
  display: block;
  width: 70px;
  opacity: 0.8;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  letter-spacing: 1px;
  margin-top: 20px; }

.project-page-btn:hover {
  color: #eee;
  opacity: 1; }

.tooltip-inner {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
  font-size: 11px; }

.portfolio-item-footer .tooltip-inner {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
  font-size: 9px; }

.no-padding {
  padding: 0 !important;
  margin: 0 !important; }

@media (max-width: 767px) {
  .no-padding-port {
    padding: 0 !important;
    margin: 0 !important; } }
@media (min-width: 768px) {
  .no-padding-port {
    padding: 0;
    margin: 0;
    margin-right: -1px; } }
.play-icon {
  font-size: 35px;
  position: absolute;
  top: 50%;
  margin-top: -15px;
  opacity: 0.4;
  cursor: pointer;
  left: 50%; }

.play-hover {
  cursor: pointer;
  width: 100%;
  height: 100%;
  color: #fff;
  position: absolute;
  z-index: 7;
  text-align: center; }

.video-shade-portfolio-image {
  background: #000;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  color: #fff;
  text-align: center;
  opacity: 0.7; }

@media (max-width: 767px) {
  .video-side {
    display: none; } }
@media (min-width: 768px) {
  .video-side {
    padding: 0;
    height: 100%;
    margin: 0; } }
.video-details-side {
  height: 100%;
  padding: 0;
  margin: 0;
  background: #000;
  color: #fff; }

.video-height {
  height: 100%; }

.video-height-container {
  margin: -1px;
  padding: 0;
  width: 100%;
  height: 100%; }

.title-bottom {
  text-align: right;
  font-size: 15px;
  color: #000;
  position: absolute;
  margin-top: 26px;
  background: none;
  border: none;
  outline: none;
  font-weight: 400;
  left: 55px; }

.title-bottom-icon {
  position: relative;
  margin-top: 0px;
  font-size: 17px;
  opacity: 0;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out; }

.title-bottom:hover .title-bottom-icon {
  opacity: 1; }

.no-cursor .portfolio-item-effect figure,
.no-cursor .portfolio-item-effect .grid figure,
.no-cursor .portfolio-item-effect-2 figure,
.no-cursor .portfolio-item-effect-2 .grid figure,
.no-cursor .portfolio-item-effect-3 figure,
.no-cursor .portfolio-item-effect-3 .grid figure,
.no-cursor .portfolio-item-effect-4 figure,
.no-cursor .portfolio-item-effect-4 .grid figure {
  cursor: pointer; }

.portfolio-item-effect-2 {
  /* Common style */
  /* Anchor will cover the whole item by default */
  /* For some effects it will show as a button */
  /* Individual effects */
  /*---------------*/
  /***** Chico *****/
  /*---------------*/ }
  .portfolio-item-effect-2 .port-cont {
    transition: all 0.65s ease-in-out;
    -webkit-transition: all 0.65s ease-in-out;
    -moz-transition: all 0.65s ease-in-out;
    -ms-transition: all 0.65s ease-in-out; }
  .portfolio-item-effect-2 .grid {
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
    list-style: none;
    text-align: center; }
  .portfolio-item-effect-2 figure {
    position: relative;
    z-index: 1;
    overflow: hidden;
    margin: 0 0 0 0 !important;
    width: 100%;
    height: 300px;
    text-align: center;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out; }
  .portfolio-item-effect-2 .related {
    background: #eee; }
  .portfolio-item-effect-2 .related:nth-child(odd) {
    background: #f5f5f5; }
  .portfolio-item-effect-2 .grid figure .port-img {
    position: relative;
    display: block;
    min-height: 100%;
    opacity: 1; }
  @media (max-width: 767px) {
    .portfolio-item-effect-2 figure figcaption {
      display: none; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .portfolio-item-effect-2 figure figcaption {
      display: none; } }
  .portfolio-item-effect-2 figure figcaption {
    padding: 2em;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
  .portfolio-item-effect-2 figure figcaption::before,
  .portfolio-item-effect-2 figure figcaption::after {
    pointer-events: none; }
  .portfolio-item-effect-2 figure figcaption,
  .portfolio-item-effect-2 figure a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .portfolio-item-effect-2 figure figcaption {
    display: table; }
  .portfolio-item-effect-2 figure a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0; }
  .portfolio-item-effect-2 figure h2 {
    word-spacing: -0.15em;
    color: #fff;
    font-weight: 300;
    display: table-cell;
    vertical-align: middle;
    line-height: 1.7; }
  .portfolio-item-effect-2 figure h2 span {
    font-weight: 800; }
  .portfolio-item-effect-2 figure h2,
  .portfolio-item-effect-2 figure p {
    margin: 0; }
  .portfolio-item-effect-2 figure p {
    letter-spacing: 1px;
    font-size: 68.5%; }
  .portfolio-item-effect-2 figure.effect-chico .port-img {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    -moz-transition: opacity 0.35s, -moz-transform 0.35s;
    -ms-transition: opacity 0.35s, -ms-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-backface-visibility: hidden; }
  @media (min-width: 992px) {
    .portfolio-item-effect-2 figure.effect-chico:hover .port-img {
      opacity: 0.1;
      -webkit-transform: scale(1.05);
      -moz-transform: scale(1.05);
      -ms-transform: scale(1.05);
      transform: scale(1.05); }
    @-moz-document url-prefix() {
      .portfolio-item-effect-2 figure.effect-chico:hover .port-img {
        opacity: 0.1;
        -moz-transform: scale(1.05) rotate(0.02deg); } } }
  .portfolio-item-effect-2 figure.effect-chico figcaption {
    padding: 3em; }
  .portfolio-item-effect-2 figure.effect-chico figcaption::before {
    position: absolute;
    top: 20px;
    right: 20px;
    bottom: 20px;
    left: 20px;
    content: '';
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); }
  .portfolio-item-effect-2 figure.effect-chico figcaption::before,
  .portfolio-item-effect-2 figure.effect-chico h2 {
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    -moz-transition: opacity 0.35s, -moz-transform 0.35s;
    -ms-transition: opacity 0.35s, -ms-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s; }
  .portfolio-item-effect-2 figure.effect-chico h2 {
    font-size: 13px;
    letter-spacing: 2px;
    font-weight: 700; }
  .portfolio-item-effect-2 figure.effect-chico h2 {
    margin: 0 auto;
    max-width: 200px;
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5); }
  .portfolio-item-effect-2 figure.effect-chico:hover h2 {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }

.portfolio-item-effect-3 {
  /* Common style */
  /* Anchor will cover the whole item by default */
  /* For some effects it will show as a button */
  /* Individual effects */
  /*---------------*/
  /***** Chico *****/
  /*---------------*/ }
  .portfolio-item-effect-3 .grid {
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
    list-style: none;
    text-align: center; }
  .portfolio-item-effect-3 .grid figure {
    position: relative;
    z-index: 1;
    display: inline-block;
    overflow: hidden;
    width: 100%;
    height: 230px;
    text-align: center; }
  .portfolio-item-effect-3 .grid figure .port-img {
    position: relative;
    display: block;
    min-height: 100%;
    opacity: 1; }
  @media (max-width: 767px) {
    .portfolio-item-effect-3 .grid figure figcaption {
      display: none; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .portfolio-item-effect-3 .grid figure figcaption {
      display: none; } }
  .portfolio-item-effect-3 .grid figure figcaption {
    padding: 2em;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
  .portfolio-item-effect-3 .grid figure figcaption::before,
  .portfolio-item-effect-3 .grid figure figcaption::after {
    pointer-events: none; }
  .portfolio-item-effect-3 .grid figure figcaption,
  .portfolio-item-effect-3 .grid figure a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .portfolio-item-effect-3 .grid figure a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0; }
  .portfolio-item-effect-3 .grid figure h2 {
    word-spacing: -0.15em;
    color: #fff;
    font-weight: 300; }
  .portfolio-item-effect-3 .grid figure h2 span {
    font-weight: 800; }
  .portfolio-item-effect-3 .grid figure h2,
  .portfolio-item-effect-3 .grid figure p {
    margin: 0; }
  .portfolio-item-effect-3 .grid figure p {
    letter-spacing: 1px;
    font-size: 68.5%; }
  .portfolio-item-effect-3 figure.effect-chico .port-img {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    -moz-transition: opacity 0.35s, -moz-transform 0.35s;
    -ms-transition: opacity 0.35s, -ms-transform 0.35s;
    -o-transition: opacity 0.35s, -o-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-backface-visibility: hidden; }
  @media (min-width: 992px) {
    .portfolio-item-effect-3 figure.effect-chico:hover .port-img {
      opacity: 0.1;
      -webkit-transform: scale(1.05);
      -moz-transform: scale(1.05);
      -ms-transform: scale(1.05);
      -o-transform: scale(1.05);
      transform: scale(1.05); }
    @-moz-document url-prefix() {
      .portfolio-item-effect-3 figure.effect-chico:hover .port-img {
        opacity: 0.1;
        -moz-transform: scale(1.05) rotate(0.02deg); } } }
  .portfolio-item-effect-3 figure.effect-chico figcaption {
    padding: 3em; }
  .portfolio-item-effect-3 figure.effect-chico figcaption::before {
    position: absolute;
    top: 20px;
    right: 20px;
    bottom: 20px;
    left: 20px;
    content: '';
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  .portfolio-item-effect-3 figure.effect-chico figcaption::before,
  .portfolio-item-effect-3 figure.effect-chico h2 {
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    -moz-transition: opacity 0.35s, -moz-transform 0.35s;
    -ms-transition: opacity 0.35s, -ms-transform 0.35s;
    -o-transition: opacity 0.35s, -o-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s; }
  .portfolio-item-effect-3 figure.effect-chico h2 {
    padding-top: 60px;
    font-size: 13px;
    letter-spacing: 2px;
    font-weight: 700; }
  .portfolio-item-effect-3 figure.effect-chico h2 {
    margin: 0 auto;
    max-width: 200px;
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5); }
  .portfolio-item-effect-3 figure.effect-chico:hover h2 {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }

.masonary .blog-item-standard .portfolio-item-effect-4 {
  /* Common style */ }
  .masonary .blog-item-standard .portfolio-item-effect-4 .grid {
    overflow: visible; }
  .masonary .blog-item-standard .portfolio-item-effect-4 .grid figure {
    overflow: visible; }

.portfolio-item-effect-4 {
  /* Common style */
  /* Anchor will cover the whole item by default */
  /* For some effects it will show as a button */
  /* Individual effects */
  /*---------------*/
  /***** Chico *****/
  /*---------------*/ }
  .portfolio-item-effect-4 .grid {
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
    list-style: none; }
  .portfolio-item-effect-4 .grid figure {
    position: relative;
    z-index: 1;
    display: inline-block;
    overflow: hidden;
    width: 100%;
    height: 230px;
    background: none; }
  .portfolio-item-effect-4 .grid figure .port-img {
    position: relative;
    display: block;
    min-height: 100%;
    opacity: 0; }
  .portfolio-item-effect-4 .grid figure figcaption {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
  .portfolio-item-effect-4 .grid figure figcaption::before,
  .portfolio-item-effect-4 .grid figure figcaption::after {
    pointer-events: none; }
  .portfolio-item-effect-4 .grid figure figcaption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .portfolio-item-effect-4 .grid figure h2,
  .portfolio-item-effect-4 .grid figure p {
    margin: 0;
    position: relative;
    z-index: 9999999; }
  .portfolio-item-effect-4 figure.effect-chico .port-img {
    -webkit-transition: opacity 0.95s, -webkit-transform 0.95s;
    transition: opacity 0.95s, transform 0.95s;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-backface-visibility: hidden; }
  .portfolio-item-effect-4 figure.effect-chico:hover .port-img {
    opacity: 0.8;
    -webkit-transform: scale(1);
    transform: scale(1); }
@-moz-document url-prefix() {
  .portfolio-item-effect-4 figure.effect-chico:hover .port-img {
    opacity: 0.8;
    -moz-transform: scale(1) rotate(0.02deg); } }
  .portfolio-item-effect-4 figure.effect-chico figcaption {
    padding: 3em; }
  .portfolio-item-effect-4 figure.effect-chico.standard figcaption {
    padding: 2.2em 3em;
    padding-top: 230px; }
  .portfolio-item-effect-4 figure.effect-chico.standard.video-standard figcaption {
    padding: 2.2em 3em;
    padding-top: 22px; }
  .portfolio-item-effect-4 figure.effect-chico.sc figcaption {
    padding-top: 0px;
    padding: 2.2em 3em; }
  .portfolio-item-effect-4 figure.effect-chico.aside figcaption {
    padding: 3em; }
  .portfolio-item-effect-4 figure.effect-chico.gf figcaption {
    padding-top: 0px;
    padding: 2.2em 3em; }
  .portfolio-item-effect-4 .gradient-content {
    width: 100%;
    height: 150px;
    position: absolute;
    z-index: 999999999999;
    display: block;
    bottom: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white), color-stop(0.5, #ffffff));
    background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 95%);
    /* approximately a 33% opacity on blue */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#550000FF, endColorstr=#550000FF );
    /* IE8 uses -ms-filter for whatever reason... */
    -ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#550000FF, endColorstr=#550000FF ); }
  .portfolio-item-effect-4 figure.effect-chico figcaption::before {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    content: '';
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out; }
  .portfolio-item-effect-4 figure.effect-chico:hover figcaption::before {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    content: '';
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0.5;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s; }
  .portfolio-item-effect-4 figure.effect-chico.standard:hover figcaption::before {
    opacity: 0; }
  .portfolio-item-effect-4 figure.effect-chico.minimal:hover .slider-subtitle.blog-terms,
  .portfolio-item-effect-4 figure.effect-chico.minimal:hover .slider-subtitle.blog-terms a {
    color: #fff; }
  .portfolio-item-effect-4 figure.effect-chico.minimal.standard-audio:hover {
    border: none;
    padding-top: 1px; }
  .portfolio-item-effect-4 figure.effect-chico.minimal.standard-audio:hover figcaption {
    padding: 2.2em 43px; }
  .portfolio-item-effect-4 figure.effect-chico.minimal:hover p.blog-date {
    color: #fff; }
  .portfolio-item-effect-4 figure.effect-chico.minimal:hover .blog-excerpt p {
    color: #fff; }
  .portfolio-item-effect-4 figure.effect-chico:hover .blog-quote-cont {
    background: #222; }
  @media (min-width: 1200px) {
    .portfolio-item-effect-4 figure.effect-chico:hover .blog-top-image,
    .portfolio-item-effect-4 .video-cont-format:hover .blog-top-image {
      opacity: 0.3; } }
  .portfolio-item-effect-4 figure.effect-chico:hover .blog-read {
    opacity: 1; }
  .portfolio-item-effect-4 figure.effect-chico:hover figcaption::before {
    background-color: #000; }
  .portfolio-item-effect-4 figure.effect-chico:hover h2 {
    opacity: 1; }
  .portfolio-item-effect-4 figure.effect-chico.minimal:hover h2 a {
    color: #fff; }
  .portfolio-item-effect-4 figure.effect-chico h2,
  .portfolio-item-effect-4 figure.effect-chico p {
    opacity: 1;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s; }
  .portfolio-item-effect-4 figure.effect-chico .slider-subtitle.blog-terms {
    font-size: 11px;
    font-weight: 700;
    margin-bottom: 6px; }
  .portfolio-item-effect-4 figure.effect-chico.minimal.standard-audio {
    background: #fff;
    border: 1px solid #e5e5e5; }
  .portfolio-item-effect-4 figure.effect-chico h2 {
    padding-top: 0px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.6;
    color: #000;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out; }
  .portfolio-item-effect-4 figure.effect-chico h2 a {
    color: #000; }
  .portfolio-item-effect-4 figure.effect-chico p.blog-date {
    padding-top: 7px;
    font-size: 13px;
    font-weight: 400;
    color: #bbb;
    font-style: italic; }
  .portfolio-item-effect-4 figure.effect-chico .blog-excerpt p {
    padding-top: 25px;
    font-size: 12px;
    line-height: 1.9;
    color: #555; }
  @media (max-width: 767px) {
    .portfolio-item-effect-4 figure.effect-chico .blog-excerpt.aside p {
      padding-top: 25px;
      font-size: 13px;
      line-height: 1.9;
      color: #555; } }
  @media (min-width: 768px) {
    .portfolio-item-effect-4 figure.effect-chico .blog-excerpt.aside p {
      padding-top: 25px;
      font-size: 15px;
      line-height: 1.9;
      color: #555; } }
  .portfolio-item-effect-4 .blog-read {
    color: #ccc;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 11px;
    font-weight: 700;
    border: 1px solid #ddd;
    padding: 4px 11px;
    margin-top: 30px;
    margin-bottom: 10px;
    float: left;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    position: relative;
    z-index: 999999999; }
  .portfolio-item-effect-4 figure.effect-chico.minimal.white-btn:hover .blog-read {
    color: #fff;
    border: 1px solid #eee; }
  .portfolio-item-effect-4 .blog-read-standard {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 11px;
    font-weight: 700;
    border: 2px solid #fff;
    padding: 6px 11px;
    width: 150px;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    position: absolute;
    z-index: 99;
    left: 50%;
    margin-left: -75px;
    margin-top: 80px;
    background: none;
    cursor: pointer; }
  .portfolio-item-effect-4 .blog-quote-cont {
    padding: 0em 3em;
    position: absolute;
    z-index: 99;
    width: 100%;
    display: table;
    height: 200px;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out; }
  .portfolio-item-effect-4 .blog-quote {
    color: #fff;
    font-size: 14px;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    display: table-cell;
    vertical-align: middle;
    line-height: 1.5; }
  .portfolio-item-effect-4 .blog-top-image {
    width: 100%;
    height: 200px;
    background: #111;
    position: absolute;
    opacity: 0.1;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out; }
  .portfolio-item-effect-4 figure.effect-chico h2,
  .portfolio-item-effect-4 figure.effect-chico p {
    margin: 0 auto; }
  .portfolio-item-effect-4 .gallery-bg li,
  .portfolio-item-effect-4 .gallery-bg,
  .portfolio-item-effect-4 .gallery-bg-standard li,
  .portfolio-item-effect-4 .gallery-bg-standard {
    padding-left: 0 !important;
    padding: 0 !important;
    margin-left: 0 !important;
    margin: 0 !important; }

.sc-artwork-list,
.sc-info,
.sc-trackslist,
.sc-info-toggle,
.sc-scrubber {
  display: none !important; }

.po-tooltip + .tooltip > .tooltip-inner {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px; }

.sepline-port {
  width: 20px;
  margin: 20px 0 18px; }

@media (max-width: 767px) {
  .left .top-logo-container-port {
    position: fixed;
    z-index: 9;
    padding: 0;
    margin: 0;
    right: 15px;
    padding-top: 14px; }

  .right .top-logo-container-port {
    position: fixed;
    z-index: 9;
    padding: 0;
    margin: 0;
    left: 15px;
    padding-top: 14px; } }
@media (min-width: 768px) {
  .left .top-logo-container-port {
    position: absolute;
    z-index: 9;
    margin-top: 30px;
    right: 50px; }

  .right .top-logo-container-port {
    position: absolute;
    z-index: 9;
    margin-top: 30px;
    left: 50px; } }
@media (max-width: 767px) {
  .left .menu-bars-port {
    position: fixed;
    z-index: 10;
    margin: 0px;
    padding: 0px;
    padding-left: 5px;
    padding-top: 14px; }

  .right .menu-bars-port {
    position: fixed;
    z-index: 10;
    margin: 0px;
    padding: 0px;
    padding-right: 5px;
    padding-top: 14px;
    right: 0; } }
@media (min-width: 768px) {
  .left .menu-bars-port {
    position: absolute;
    z-index: 10;
    margin-left: 40px;
    margin-top: 38px; }

  .right .menu-bars-port {
    position: absolute;
    z-index: 10;
    margin-right: 40px;
    margin-top: 38px;
    right: 0; } }
@media (max-width: 767px) {
  .left .top-folder-port {
    position: fixed;
    z-index: 10;
    margin: 0px;
    padding: 0px;
    left: 80px;
    top: 0px;
    color: #ddd; }

  .right .top-folder-port {
    position: fixed;
    z-index: 10;
    margin: 0px;
    padding: 0px;
    right: 80px;
    top: 0px;
    color: #ddd; } }
@media (min-width: 768px) {
  .left .top-folder-port {
    position: absolute;
    z-index: 10;
    left: 120px;
    top: 23px;
    color: #ddd; }

  .right .top-folder-port {
    position: absolute;
    z-index: 10;
    right: 120px;
    top: 23px;
    color: #ddd; } }
@media (max-width: 767px) {
  .portfolio-info-top {
    position: absolute;
    z-index: 9999999999;
    bottom: 17px;
    left: 17px; } }
@media (min-width: 768px) {
  .portfolio-info-top {
    position: absolute;
    z-index: 9999999999;
    bottom: 60px;
    left: 65px; } }
@media (max-width: 767px) {
  .portfolio-info-top-standard {
    position: absolute;
    z-index: 9999999999;
    bottom: 120px;
    left: 17px; } }
@media (min-width: 768px) {
  .portfolio-info-top-standard {
    position: absolute;
    z-index: 9999999999;
    bottom: 120px;
    left: 65px; } }
@media (min-width: 992px) {
  .portfolio-info-top-standard {
    position: absolute;
    z-index: 9999999999;
    bottom: 80px;
    left: 65px; } }
@media (max-width: 767px) {
  .section-details {
    position: absolute;
    z-index: 9999999;
    background-color: #fff;
    padding: 20px;
    width: 70%;
    margin-top: 17px;
    margin-left: 17px; } }
@media (min-width: 768px) {
  .section-details {
    position: absolute;
    z-index: 9999999;
    background-color: #fff;
    padding: 50px;
    width: 50%;
    margin-top: 135px;
    margin-left: 68px; } }
@media (min-width: 992px) {
  .section-details {
    width: 30%; } }
@media (max-width: 767px) {
  .port-bottom-name {
    display: none; } }
@media (max-width: 767px) {
  .section-footer {
    background: #000; } }
@media (min-width: 768px) {
  .section-footer {
    background: #000;
    z-index: 11; } }
/* #progress-bars
--------------------------------------------------*/
.progress-bar, .progress {
  height: 1px;
  border: none;
  box-shadow: none;
  -webkit-box-shadow: none; }

.progress {
  background: rgba(0, 0, 0, 0.05); }

.progress-title {
  font-weight: 700;
  text-transform: uppercase;
  margin: 6px 0 10px;
  font-size: 11px;
  letter-spacing: 1px !important; }

.progress-value {
  font-weight: 400;
  display: none;
  font-size: 11px; }

.circular-cont {
  width: 150px;
  height: 150px;
  display: block; }

.section-background-image .icon-circular,
.section-background-image-fixed .icon-circular,
.section-background-image-parallax .icon-circular,
.section-background-image-video .icon-circular,
.section-background-custom-white .icon-circular,
.section-background-custom-dark .icon-circular {
  color: #fff; }

.section-background-dark .icon-circular {
  color: #eee; }
.section-background-dark .po-column .hover-ani .circular-line {
  border-top: 1px solid #eee; }
.section-background-dark .po-column .hover-ani:hover .circular-line {
  border-top: 1px solid #eee; }
.section-background-dark .circular-text {
  color: #eee; }

.icon-circular {
  color: #000;
  width: 150px;
  height: 150px;
  display: table;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px; }

.icon-circular i {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  opacity: 0; }
.icon-circular .icon-char {
  display: table-cell;
  vertical-align: middle;
  text-align: center; }

.circular-text {
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 700;
  margin-top: 0;
  letter-spacing: 1px;
  line-height: 1.5; }

@media (max-width: 767px) {
  .circular-line {
    width: 40%;
    margin: 9px auto 5px;
    border-top: 1px solid #e1e1e1;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out; } }
@media (min-width: 768px) {
  .circular-line {
    width: 40%;
    margin: 9px auto 5px;
    border-top: 1px solid #e1e1e1;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out; } }
.section-background-light .circular-line {
  border-top: 1px solid #ddd; }

@media (min-width: 768px) {
  .po-column .hover-ani:hover .circular-line {
    width: 70%; } }
.dial {
  opacity: 0; }

/* #contact
--------------------------------------------------*/
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
  font-size: 13px;
  background-color: transparent;
  width: 100%;
  line-height: 1.1;
  padding: 10px 0px;
  margin: 0 0 5px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  border: none; }

.wpcf7 input[type="submit"] {
  font-size: 12px;
  letter-spacing: 1px;
  font-weight: 700;
  text-align: center;
  cursor: pointer;
  text-transform: uppercase;
  background-color: transparent;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  padding: 10px 15px;
  background: #000;
  border: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px; }

.wpcf7-not-valid-tip {
  display: none !important; }

form.invalid input.wpcf7-not-valid {
  border: 1px solid #dd3333; }

.section-background-dark .wpcf7-response-output,
.section-background-image .wpcf7-response-output,
.section-background-image-fixed .wpcf7-response-output,
.section-background-image-parallax .wpcf7-response-output,
.section-background-image-video .wpcf7-response-output,
.section-background-dark po-header .wpcf7-response-output,
.section-background-custom-white .wpcf7-response-output,
.section-background-custom-dark .wpcf7-response-output {
  color: #fff; }

.section-background-white .wpcf7-response-output,
.section-background-light .wpcf7-response-output {
  color: #333; }

.footer-container .wpcf7 input[type="text"],
.footer-container .wpcf7 input[type="email"],
.footer-container .wpcf7 textarea {
  font-size: 14px;
  margin: 0px; }
.footer-container .wpcf7 textarea {
  height: 100px; }
.footer-container .wpcf7 input[type="submit"] {
  font-size: 12px;
  padding: 5px 9px;
  margin: 0 !important; }
.footer-container .wpcf7-response-output {
  color: #fff; }

/* #footer
--------------------------------------------------*/
.po-page-container {
  margin-bottom: 350px;
  border: 1px solid #f00; }

.footer-container-bottom {
  height: 80px;
  padding: 0;
  margin: 0; }

@media (max-width: 767px) {
  .footer-container h6 {
    font-size: 12px; } }
@media (min-width: 768px) {
  .footer-container h6 {
    font-size: 12px; } }
.footer-container-bottom p {
  font-size: 12px; }

.footer-container-bottom .collapse, .footer-container-bottom .navbar-collapse, .footer-container-bottom .navbar-ex1-collapse {
  padding: 0;
  margin: 0; }

.recent-tweets ul {
  padding-left: 0;
  list-style: none; }

.recent-tweets li {
  list-style: none; }

@media (max-width: 992px) {
  .footer-sections {
    border-top: 1px solid #ddd; } }
@media (min-width: 768px) {
  .footer-container {
    border-top: 1px solid #ddd; } }
.footer-container p {
  font-size: 12px !important;
  line-height: 1.9; }
.footer-container .recent-tweets ul {
  padding-left: 0;
  list-style: none; }
.footer-container .recent-tweets li {
  font-size: 14px;
  padding: 0 0 30px;
  list-style: none; }
.footer-container .about-text p,
.footer-container .about-text {
  font-size: 12px;
  margin-top: 15px;
  line-height: 1.9; }

.recent-posts ul {
  padding-left: 0; }

.recent-posts li {
  display: block;
  width: 100%;
  list-style: none;
  margin-top: 0px;
  color: rgba(255, 255, 255, 0.4);
  border-bottom: 1px solid rgba(255, 255, 255, 0.05); }

.recent-posts li a {
  padding: 10px 0;
  display: block;
  width: 100%; }

.recent-posts li a:hover {
  display: block;
  width: 100%; }

.recent-posts li a:after {
  content: '\f105';
  font-family: FontAwesome;
  float: right; }

.recent-posts li:last-child {
  border-bottom: none; }

.footer-inner-container {
  padding: 0; }

.tweet-name {
  font-size: 12px;
  margin-top: -10px;
  font-style: italic; }

.tweet-date {
  letter-spacing: 0px;
  font-size: 12px;
  color: #bbb;
  margin-top: 5px;
  font-style: italic; }

.about-image {
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  padding: 3px;
  border: 1px solid #ddd; }

.about-image:hover {
  opacity: 0.8;
  padding: 3px;
  border: 1px solid #222; }

@-moz-document url-prefix() {
  .about-image, .about-image img {
    display: block;
    width: 100%;
    text-align: left !important; } }
.mailbag-wrap {
  /* Wraps entire form */ }

.mailbag-wrap label {
  display: none; }

.mailbag-input br {
  display: none; }

.mailbag-input {
  margin-bottom: 10px; }

.mailbag-wrap input[type="text"] {
  margin: 0 !important;
  width: 100%;
  border-bottom: 1px solid #ddd;
  background: #fff;
  font-size: 13px;
  padding-right: 0;
  padding-left: 0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  color: #000; }

.mailbag-wrap input[type="text"]:hover {
  border-bottom: 1px solid #999; }

.mailbag-wrap input[type="text"]:focus {
  margin: 0 !important;
  width: 100%;
  background: #fff;
  font-size: 13px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px; }

.mailbag-wrap input[type="submit"] {
  width: 100%;
  background: #222;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 11px;
  letter-spacing: 1px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  margin-top: 10px; }

.mailbag-wrap input[type="submit"]:hover {
  width: 100%;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 11px;
  letter-spacing: 1px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px; }

@media (max-width: 767px) {
  .disclaimer {
    text-align: center; }

  .disclaimer a {
    color: #999; }

  .bottom-cell2 {
    padding: 12px 0 0px; }

  .footer-sections {
    border-right: 1px solid #ddd;
    height: auto;
    padding: 60px 20px; } }
@media (min-width: 768px) {
  .disclaimer a {
    color: #999; }

  .bottom-cell2 {
    padding: 12px 0 0px; }

  .footer-sections {
    border-right: 1px solid #ddd;
    height: auto;
    padding: 60px; } }
@media (min-width: 992px) {
  p.disclaimer {
    margin: 4px 0 0 !important;
    padding: 0 !important; }

  .disclaimer a {
    color: #999; }

  .bottom-cell1,
  .bottom-cell2 {
    padding: 35px 0; }

  .footer-sections {
    border-right: 1px solid #ddd;
    min-height: 500px;
    padding: 60px 40px; }

  .footer-sections-3 {
    width: 33.3333333333%; }

  .footer-sections-5 {
    width: 50%; }

  .footer-sections-1 {
    width: 100%; } }
@media (min-width: 1200px) {
  p.disclaimer {
    margin: 4px 0 0 !important;
    padding: 0 !important; }

  .disclaimer a {
    color: #999; }

  .bottom-cell1,
  .bottom-cell2 {
    padding: 35px 0; }

  .footer-sections {
    border-right: 1px solid #ddd;
    min-height: 500px;
    padding: 60px; } }
.end-footer-column {
  border-right: none; }

/* #clients
--------------------------------------------------*/
@media (min-width: 992px) {
  .client-item img {
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    opacity: 0.8; }

  .client-item:hover img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.3; }

  .client-item:not(:hover) img {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%); }

  .client-item img:hover {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    opacity: 1; }

  .client-item img:not(:hover) img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.3; } }
.client-image {
  display: block;
  text-align: center; }

.client-image .client-container {
  display: block;
  position: relative; }

.client-image .client-container .client-details {
  opacity: 0.7;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out; }

.client-image .client-container:hover .client-details {
  opacity: 0; }

.client-details {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition-property: background-color;
  -moz-transition-property: background-color;
  -o-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-duration: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition-duration: 0.4s; }

/* #team
--------------------------------------------------*/
.team-role {
  font-size: 16px;
  font-weight: 600;
  color: #333;
  margin-bottom: 30px; }

.team-role span {
  display: inline-block;
  margin-left: 4px;
  margin-right: 4px;
  width: 9px;
  height: 9px;
  background: url(images/cat-sep.png) no-repeat; }

.team-item {
  height: 350px;
  display: block;
  padding: 0; }

@media (min-width: 768px) and (max-width: 991px) {
  .team-item {
    height: 401px;
    display: block;
    padding: 0; } }
.team-item,
.team-item .ss-style-triangles-2 {
  background-color: #111; }

.team-item:nth-child(odd),
.team-item:nth-child(odd) .ss-style-triangles-2 {
  background-color: #222; }

.team-item .social-links,
.team-item .social-links-center {
  opacity: 0.4;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out; }

.team-item:hover .social-links,
.team-item:hover .social-links-center {
  opacity: 1; }

.section-background-white .team-item .social-links-center li a,
.section-background-light .team-item .social-links-center li a {
  color: #fff; }

.team-item a {
  display: block;
  position: relative; }

.team-details {
  padding: 17px 30px 25px; }

.team-details-inner {
  position: relative;
  z-index: 99; }

.item-description .description-cell {
  display: table-cell;
  vertical-align: middle; }

@media (min-width: 768px) {
  .team-item a:hover .subtitle span {
    background: url(images/cat-sep-w.png) no-repeat; } }
h5.team-title {
  color: #fff;
  font-weight: 700;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 2px;
  text-align: center;
  line-height: 1.5; }

.team-subtitle {
  color: #888;
  font-family: 'Playfair Display', serif;
  font-style: italic;
  font-size: 14px; }

.team-subtitle span {
  display: inline-block;
  margin-left: 4px;
  margin-right: 4px;
  width: 9px;
  height: 9px;
  background: url(images/cat-sep.png) no-repeat;
  opacity: 0.8; }

.team-social .social-links-center li {
  margin-top: 6px; }

.team-social i {
  font-size: 14px; }

.team-caption {
  width: 100%;
  text-align: center;
  color: #fff;
  padding: 0 35px; }

@media (max-width: 767px) {
  .team-caption h1 {
    font-size: 26px;
    margin: 0;
    padding: 0; } }
@media (min-width: 768px) {
  .team-caption h1 {
    font-size: 50px;
    margin: 0;
    padding: 0; } }
/* #testimonials
--------------------------------------------------*/
.po-carousel {
  overflow: visible; }

@media (max-width: 767px) {
  .po-testimonials .test-text p {
    font-size: 25px;
    font-style: italic;
    margin: 10px auto 0;
    width: 70%;
    line-height: 1.3;
    font-weight: 300; } }
@media (min-width: 768px) {
  .po-testimonials .test-text p {
    font-size: 35px;
    font-style: italic;
    margin: 10px auto 0;
    width: 70%;
    line-height: 1.3;
    font-weight: 300; } }
@media (min-width: 992px) {
  .po-testimonials .test-text p {
    font-size: 40px;
    font-style: italic;
    margin: 10px auto 0;
    width: 70%;
    line-height: 1.3; } }
.po-testimonials .test-person {
  margin: 30px 0;
  line-height: 1;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1px; }

.po-testimonials li {
  list-style: none;
  display: none; }

.po-testimonials {
  /* PAGER */
  /* DIRECTION CONTROLS (NEXT / PREV) */ }
  .po-testimonials .bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 20px; }
  .po-testimonials .bx-wrapper .bx-pager .bx-pager-item,
  .po-testimonials .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline; }
  .po-testimonials .bx-wrapper .bx-pager.bx-default-pager a {
    background: rgba(255, 255, 255, 0.2);
    text-indent: -9999px;
    display: block;
    width: 6px;
    height: 6px;
    margin: 0 5px;
    outline: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    z-index: 99999999; }
  .po-testimonials .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #fff; }
  .po-testimonials .bx-directions, .po-testimonials .po-slider .bx-wrapper .bx-prev, .po-slider .bx-wrapper .po-testimonials .bx-prev, .po-testimonials .po-slider .bx-wrapper .bx-next, .po-slider .bx-wrapper .po-testimonials .bx-next, .po-testimonials .po-carousel-blog-cont .bx-wrapper .bx-prev, .po-carousel-blog-cont .bx-wrapper .po-testimonials .bx-prev, .po-testimonials .po-carousel-blog-cont .bx-wrapper .bx-next, .po-carousel-blog-cont .bx-wrapper .po-testimonials .bx-next {
    display: none; }
  .po-testimonials .bx-directions, .po-testimonials .po-slider .bx-wrapper .bx-prev, .po-slider .bx-wrapper .po-testimonials .bx-prev, .po-testimonials .po-slider .bx-wrapper .bx-next, .po-slider .bx-wrapper .po-testimonials .bx-next, .po-testimonials .po-carousel-blog-cont .bx-wrapper .bx-prev, .po-carousel-blog-cont .bx-wrapper .po-testimonials .bx-prev, .po-testimonials .po-carousel-blog-cont .bx-wrapper .bx-next, .po-carousel-blog-cont .bx-wrapper .po-testimonials .bx-next {
    cursor: pointer;
    opacity: 0;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -os-box-sizing: content-box;
    box-sizing: content-box;
    border: 1px solid rgba(255, 255, 255, 0.8); }
  @media (max-width: 767px) {
    .po-testimonials .bx-wrapper .bx-prev,
    .po-testimonials .bx-wrapper .bx-next {
      opacity: 1; } }
  @media (min-width: 768px) {
    .po-testimonials .bx-wrapper .bx-prev,
    .po-testimonials .bx-wrapper .bx-next {
      opacity: 1; } }
  @media (min-width: 992px) {
    .po-testimonials .bx-wrapper .bx-prev,
    .po-testimonials .bx-wrapper .bx-next {
      opacity: 1; } }
  @media (min-width: 992px) {
    .po-testimonials .bx-wrapper .bx-prev {
      position: absolute;
      z-index: 999999999999;
      width: 55px;
      height: 100px;
      margin-top: 0px;
      background: url(images/next.png) no-repeat -30px center rgba(0, 0, 0, 0.3) !important; }
    .po-testimonials .bx-wrapper .bx-next {
      position: absolute;
      width: 55px;
      height: 100px;
      margin-top: 0px;
      right: 0px;
      background: url(images/prev.png) 4px center no-repeat rgba(0, 0, 0, 0.3) !important; } }
  .po-testimonials .bx-wrapper .bx-prev:hover {
    opacity: 1; }
  .po-testimonials .bx-wrapper .bx-next:hover {
    opacity: 1; }
  @media (max-width: 767px) {
    .po-testimonials .bx-wrapper .bx-controls-direction a {
      position: absolute;
      margin-top: -320px;
      outline: 0;
      text-indent: -9999px;
      z-index: 99999; } }
  @media (min-width: 768px) {
    .po-testimonials .bx-wrapper .bx-controls-direction a {
      position: absolute;
      margin-top: -420px;
      outline: 0;
      text-indent: -9999px;
      z-index: 99999; } }
  @media (min-width: 992px) {
    .po-testimonials .bx-wrapper .bx-controls-direction a {
      position: absolute;
      margin-top: -19%;
      outline: 0;
      text-indent: -9999px;
      z-index: 99999; } }
  .po-testimonials .bx-wrapper .bx-controls-direction a.disabled {
    display: none; }

/* #social
--------------------------------------------------*/
.social-links li,
.social-links-center li,
.footer-links li {
  list-style: none !important; }

.social-links li,
.social-links-center li,
.footer-links li {
  -webkit-transition: all .4s;
  -moz-transition: all .4s;
  -ms-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s; }

.social-links:hover li,
.social-links-center:hover li,
.footer-links:hover li {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: 0.3; }

.social-links:not(:hover) li,
.footer-links:not(:hover) li,
.social-links-center:not(:hover) li {
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%); }

.social-links li:hover,
.footer-links li:hover,
.social-links-center li:hover {
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%);
  opacity: 1; }

.social-links li:not(:hover) li,
.footer-links li:not(:hover) li,
.social-links-center li:not(:hover) li {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: 0.01; }

.menu-nav-inner .social-links-center {
  margin-top: 30px; }

@media (max-width: 767px) {
  .st-menu .social-links {
    text-align: left; }

  .st-menu .social-links li {
    float: left;
    list-style: none;
    margin-top: 13px; } }
@media (min-width: 768px) {
  .st-menu .social-links {
    text-align: center; }

  .st-menu .social-links li {
    display: inline-block;
    list-style: none;
    margin-top: 13px; } }
.social-links-center {
  text-align: center; }

.social-links-center li {
  display: inline-block;
  list-style: none;
  margin-top: 13px; }

@media (max-width: 767px) {
  .menu-nav-inner .social-links-center li .index {
    padding: 8px 18px 8px 0px; } }
.social-links-center li .index {
  padding: 8px 9px 8px 9px;
  -webkit-backface-visibility: hidden; }

.social-links-center li .index {
  text-align: center;
  font-size: 15px;
  line-height: 1.5;
  border: 1px solid transparent;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  position: relative; }

ul.social-links,
ul.social-links-center {
  padding: 0; }

.social-links li {
  color: #333; }

.st-menu .social-links li a {
  color: #666; }

.section-background-dark .social-links-center li a,
.section-background-dark .social-links li a,
.section-background-image .social-links-center li a,
.section-background-image .social-links li a,
.section-background-image-fixed .social-links-center li a,
.section-background-image-fixed .social-links li a,
.section-background-image-parallax .social-links-center li a,
.section-background-image-parallax .social-links li a,
.section-background-image-video .social-links-center li a,
.section-background-image-video .social-links li a,
.section-background-dark po-header .social-links-center li a,
.section-background-dark po-header .social-links li a,
.section-background-custom-white .social-links-center li a,
.section-background-custom-white .social-links li a {
  color: #fff; }
.section-background-dark .social-links .index:hover,
.section-background-dark .social-links-center .index:hover,
.section-background-image .social-links .index:hover,
.section-background-image .social-links-center .index:hover,
.section-background-image-fixed .social-links .index:hover,
.section-background-image-fixed .social-links-center .index:hover,
.section-background-image-parallax .social-links .index:hover,
.section-background-image-parallax .social-links-center .index:hover,
.section-background-image-video .social-links .index:hover,
.section-background-image-video .social-links-center .index:hover,
.section-background-dark po-header .social-links .index:hover,
.section-background-dark po-header .social-links-center .index:hover,
.section-background-custom-white .social-links .index:hover,
.section-background-custom-white .social-links-center .index:hover {
  color: #fff; }

.team-social .social-links-center li a,
.team-social .social-links li a {
  color: #fff !important; }
.team-social .social-links .index:hover,
.team-social .social-links-center .index:hover {
  color: #fff !important; }

.section-background-white .social-links-center li a,
.section-background-white .social-links li a,
.section-background-light .social-links-center li a,
.section-background-light .social-links li a {
  color: #333; }
.section-background-white .social-links .index:hover,
.section-background-white .social-links-center .index:hover,
.section-background-light .social-links .index:hover,
.section-background-light .social-links-center .index:hover {
  color: #333; }

.st-menu .social-links li a:hover {
  color: #fff; }

ul.footer-links {
  padding: 0; }

.social-links .index:hover {
  color: #fff; }

.entry-content.po-content ul.social-links {
  width: 100%;
  /* or your desired width */
  text-align: left;
  /* this will center the list items */ }
.entry-content.po-content .social-links li {
  display: inline-block;
  /* the key bit */
  *display: inline;
  /* IE7 hack */
  *zoom: 1;
  /* IE7 hack */
  padding: 0 20px 0 0; }

@media (max-width: 767px) {
  .footer-container-bottom ul.social-links {
    width: 100%;
    /* or your desired width */
    text-align: center;
    /* this will center the list items */ }
  .footer-container-bottom .social-links li {
    display: inline-block;
    /* the key bit */
    *display: inline;
    /* IE7 hack */
    *zoom: 1;
    /* IE7 hack */
    padding: 0 10px 0 10px !important; } }
@media (min-width: 768px) {
  .footer-container-bottom .social-links li {
    float: right;
    list-style: none;
    margin-top: 0px; }
  .footer-container-bottom .social-links li .index {
    text-align: right;
    padding: 8px 0px 8px 15px !important;
    font-size: 15px;
    line-height: 1.5;
    color: #000; } }
.footer-container-bottom .social-links .index:hover {
  color: #000; }

/* #search
--------------------------------------------------*/
.search-icon,
.search-icon-noslide,
.search-icon-mobile {
  position: fixed;
  z-index: 9998;
  margin-left: 10px;
  margin-top: 8px;
  cursor: pointer;
  padding: 10px;
  color: rgba(255, 255, 255, 0.3);
  line-height: 1; }

.search-icon-mobile {
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out; }

.search-icon-mobile:hover {
  color: rgba(255, 255, 255, 0.7); }

.search-icon {
  display: none;
  opacity: 1; }

.search-icon:before,
.search-icon-noslide:before,
.search-icon-mobile:before {
  content: "\f002";
  font-family: FontAwesome; }

.search-icon-form,
.search-icon-form-noslide {
  position: fixed;
  margin-left: -50px;
  cursor: pointer;
  padding: 10px;
  font-size: 20px !important; }

.search-icon-form {
  opacity: 1; }

@media (max-width: 767px) {
  .search-icon-form {
    margin-top: 20px; } }
@media (min-width: 768px) {
  .search-icon-form {
    margin-top: 45px; } }
.search-form,
.search-form-noslide {
  width: 100%; }

.search-form {
  opacity: 1; }

.search-field {
  width: 100%;
  border: none;
  background: none;
  font-weight: 100;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out; }

@media (max-width: 767px) {
  .search-field {
    font-size: 50px; } }
@media (min-width: 768px) {
  .search-field {
    font-size: 80px; } }
@media (max-width: 767px) {
  .po-search-container {
    padding: 5px 28px 5px;
    background-color: #22282C; } }
@media (min-width: 768px) {
  .po-search-container {
    padding: 5px 28px 5px;
    background-color: #22282C; } }
@media (min-width: 992px) {
  .po-search-container {
    padding: 5px 28px 5px;
    background-color: #22282C; } }
.po-search-container h4 {
  color: #fff;
  font-weight: 600; }

@media (max-width: 767px) {
  .search-header h1 {
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 0px;
    line-height: 1.3; } }
@media (min-width: 768px) {
  .search-header h1 {
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 0px; } }
@media (min-width: 992px) {
  .search-header h1 {
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 0px; } }
.search-header h1 a {
  color: #333; }

@media (max-width: 767px) {
  .po-search-middle {
    padding: 15px 25px 17px;
    background-color: #fff; } }
@media (min-width: 768px) {
  .po-search-middle {
    padding: 25px 35px 27px;
    background-color: #fff; } }
@media (min-width: 992px) {
  .po-search-middle {
    padding: 25px 0;
    background-color: #fff;
    border-bottom: 1px solid #ddd; } }
@media (max-width: 767px) {
  .po-search-article {
    margin: 0 0 20px; } }
@media (min-width: 768px) {
  .po-search-article {
    margin: 0 0 30px; } }
@media (min-width: 992px) {
  .po-search-article {
    margin: 0 0 30px; } }
@media (max-width: 767px) {
  .po-page-middle-plain {
    width: 90%;
    margin: 0px auto 25px;
    z-index: 999;
    position: relative;
    padding: 0px; } }
@media (min-width: 768px) {
  .po-page-middle-plain {
    width: 70%;
    margin: 0px auto 70px;
    z-index: 999;
    position: relative;
    padding: 0px; } }
@media (min-width: 992px) {
  .po-page-middle-plain {
    width: 70%;
    margin: 0px auto 70px;
    z-index: 999;
    position: relative;
    padding: 0px; } }
.search-page-field {
  font-size: 15px;
  background-color: transparent;
  color: #333;
  width: 100%;
  padding: 5px 9px;
  margin: 2px 0 0;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  border: 1px solid #ccc; }

/* #color
--------------------------------------------------*/
@media (max-width: 767px) {
  .quick_contact {
    display: none; } }
.color-select li {
  float: left;
  margin-top: 12px; }

.color-select li a {
  width: 22px;
  height: 20px;
  display: block;
  border: 2px solid #444;
  margin-right: 5px; }

.color-select li a:hover {
  border: 2px solid #eee; }

.quick_contact {
  background: #222;
  padding: 0 12px 12px 12px;
  width: auto;
  position: fixed;
  left: -183px;
  z-index: 999999999999999999;
  margin-top: 550px; }

.coffee {
  position: absolute;
  margin-left: 171px;
  background: #fff;
  padding: 10px 14px 10px 15px;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  cursor: pointer; }

.coffee i {
  font-size: 22px;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out; }

.coffee:hover i {
  color: #20C596; }

/* #widgets
--------------------------------------------------*/
.search-sidebar.side {
  margin: 50px 0 30px; }

.search-icon-form-sidebar {
  position: absolute;
  margin-left: 3px;
  margin-top: 3px;
  cursor: pointer;
  padding: 10px;
  color: #ccc; }

.search-icon-form-sidebar.side {
  color: #999; }

.search-field-sidebar {
  font-size: 15px;
  background-color: transparent;
  color: #333;
  width: 100%;
  line-height: 1.1;
  padding: 9px 8px 9px 36px;
  margin: 0 0 5px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out; }

.search-field-sidebar.side {
  color: #fff;
  border: 1px solid #eee;
  text-align: center;
  padding: 9px 36px 9px 36px;
  opacity: 0.5; }

.search-field-sidebar.side:focus {
  color: #fff;
  border: 1px solid #eee;
  opacity: 1; }

.widgettitle {
  font-weight: 700;
  margin-top: 50px;
  margin-bottom: 20px;
  letter-spacing: 1px;
  font-size: 11px;
  text-transform: uppercase;
  text-align: center;
  color: #000; }

.widget > .widgettitle {
  margin-top: 25px; }

.widget-area {
  margin-bottom: 50px; }

.widget-area ul {
  padding: 0;
  margin: 0; }

.widget-area table {
  border: 1px solid #e1e1e1;
  padding: 5px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  border-collapse: separate;
  border-spacing: 5px; }

.widget-area td,
.widget-area th {
  text-align: center; }

.widget-area tfoot td#prev {
  text-align: left; }

.widget-area tfoot td#next {
  text-align: right; }

.widget-list ul {
  padding: 0;
  margin: 0; }

.widget {
  font-size: 12px; }

.widget ul li ul li {
  border-bottom: none;
  padding: 6px 0;
  color: #888; }

.widget ul li ul li:before {
  content: "\f105";
  font-family: FontAwesome;
  color: #444;
  margin-right: 5px; }

.widget ul li {
  border-bottom: 1px solid #e1e1e1;
  padding: 6px 0;
  color: #888; }

.widget ul li ul {
  padding: 6px 0 6px 20px;
  color: #888; }

.widget > ul li {
  border-bottom: 1px solid #e1e1e1;
  padding: 6px 0;
  color: #888; }

.widget ul li a {
  color: #000; }

.widget_calendar caption {
  color: #000;
  font-weight: 700;
  line-height: 1.7142857142;
  margin-bottom: 18px;
  text-align: left;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 11px;
  text-align: center; }

.widget-area > li {
  margin-bottom: 40px;
  clear: both; }

.tagcloud a {
  font-size: 10px !important;
  letter-spacing: 1px;
  width: auto;
  margin: 0 1px 1px 0 !important;
  line-height: 2.8;
  color: #bbb;
  border: 1px solid #ccc;
  padding: 4px 6px;
  vertical-align: top;
  text-transform: uppercase;
  font-weight: 700;
  opacity: 1; }

.tagcloud a:hover {
  color: #fff; }

.widget-area select {
  max-width: 100%; }

.instagram-pics li {
  width: 33.33333333333333333333333333333333333%;
  display: inline-block;
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

.instagram-pics li,
.instagram-pics li a {
  border-bottom: none !important; }

.instagram-pics li a img {
  width: 100%;
  padding-right: 4%;
  padding-top: 4%; }

.widget-area p.clear {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 10px;
  font-weight: 700;
  padding-top: 15px;
  text-align: center;
  clear: both; }

.rpwe-block li.rpwe-li a.rpwe-img {
  width: 60% !important; }

.rpwe-block li.rpwe-li a.rpwe-img img {
  border: 1px solid #ddd !important;
  padding: 3px !important;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out; }

.rpwe-block li.rpwe-li a.rpwe-img img:hover {
  opacity: 0.8;
  border: 1px solid #222 !important; }

.rpwe-block ul.rpwe-ul li.rpwe-li h3.rpwe-title {
  padding-top: 6px; }

.rpwe-block ul.rpwe-ul li.rpwe-li .rpwe-time {
  font-style: italic;
  color: #bbb; }

.rpwe-block ul.rpwe-ul li.rpwe-li {
  margin: 0;
  padding: 10px 0; }

.widget ul li.loved-item {
  padding: 10px 0; }

.widget ul li.loved-item table {
  padding: 0 !important;
  margin: 0 !important;
  border: none; }

.widget ul li.loved-item table td {
  vertical-align: middle; }

.widget ul li.cat-item {
  color: #bbb; }

.widget img {
  max-width: 100%;
  height: auto; }

.widget.widget_search {
  padding-top: 25px; }

#sb_instagram {
  margin: 20px 0 30px; }

/* #modal
--------------------------------------------------*/
.modal-dialog {
  top: 50%; }

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 0px;
  height: 0;
  overflow: hidden;
  background: #000; }

.video-container iframe, .video-container object, .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

@media (min-width: 768px) {
  .po-modal-lg {
    width: 700px; } }
@media (min-width: 992px) {
  .po-modal-lg {
    width: 900px; } }
/* #scroll
--------------------------------------------------*/
html,
body,
.po-nav,
.po-page222 {
  position: relative;
  width: 100%;
  height: auto;
  padding: 0;
  margin: 0; }

@media (max-width: 991px) {
  .scrollsections {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden; } }
@media (min-width: 992px) {
  .scrollsections {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden; } }
.scrollsections .section-details,
.section .section-details {
  opacity: 0; }

@media (max-width: 991px) {
  .scrollsections.profile {
    height: 430px; } }
@media (min-width: 992px) {
  .scrollsections.profile {
    height: 100%; } }
.scrollsections iframe {
  width: 100%;
  height: auto; }

#scrollsections-navigation {
  position: fixed;
  bottom: 140px;
  margin-top: -90px;
  right: 30px;
  padding: 0;
  width: 10px;
  z-index: 99999999999;
  overflow: hidden;
  opacity: 0; }

.scrollsections-menuitem {
  position: relative;
  display: block;
  height: 10px;
  width: 10px;
  overflow: hidden;
  border: 2px solid #ddd;
  text-indent: -9999px;
  margin: 22px 0 0 0;
  cursor: pointer;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; }

.scrollsections-menuitem:hover {
  background: #ddd; }

.scrollsections-menuitem.active-scrollsection {
  background: #ddd;
  cursor: default; }

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */
.jspContainer {
  overflow: hidden;
  position: relative; }

.jspPane {
  position: absolute; }

.jspVerticalBar {
  position: absolute;
  top: 0;
  right: 0;
  width: 6px;
  height: 100%; }

.jspHorizontalBar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10px; }

.jspCap {
  display: none; }

.jspHorizontalBar .jspCap {
  float: left; }

.jspTrack {
  background: rgba(238, 238, 238, 0.1);
  position: relative; }

.jspDrag {
  background: rgba(238, 238, 238, 0.8);
  position: relative;
  top: 0;
  left: 0;
  cursor: pointer; }

.jspDrag:hover {
  background: rgba(221, 221, 221, 0.9); }

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
  float: left;
  height: 100%; }

.jspArrow {
  background: #50506d;
  text-indent: -20000px;
  display: block;
  cursor: pointer;
  padding: 0;
  margin: 0; }

.jspArrow.jspDisabled {
  cursor: default;
  background: #80808d; }

.jspVerticalBar .jspArrow {
  height: 16px; }

.jspHorizontalBar .jspArrow {
  width: 10px;
  float: left;
  height: 100%; }

.jspVerticalBar .jspArrow:focus {
  outline: none; }

.jspCorner {
  background: #eeeef4;
  float: left;
  height: 100%; }

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {
  margin: 0 -3px 0 0; }

/**
 * fullPage 2.1.9
 * https://github.com/alvarotrigo/fullPage.js
 * MIT licensed
 *
 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
 */
html, body {
  /*Avoid flicker on slides transitions for mobile phones #336 */
  -webkit-tap-highlight-color: transparent; }

#superContainer {
  height: 100%;
  position: relative;
  /* Touch detection for Windows 8 */
  -ms-touch-action: none;
  /* IE 11 on Windows Phone 8.1*/
  touch-action: none; }

.fp-section {
  position: relative;
  -webkit-box-sizing: border-box;
  /* Safari<=5 Android<=3 */
  -moz-box-sizing: border-box;
  /* <=28 */
  box-sizing: border-box; }

.fp-slide {
  float: left; }

.fp-slide, .fp-slidesContainer {
  height: 100%;
  display: block; }

.fp-slides {
  z-index: 1;
  height: 100%;
  overflow: hidden;
  position: relative;
  -webkit-transition: all 0.3s ease-out;
  /* Safari<=6 Android<=4.3 */
  transition: all 0.3s ease-out; }

.fp-section.fp-table, .fp-slide.fp-table {
  display: table;
  width: 100%; }

.fp-tableCell {
  display: table-cell;
  vertical-align: top;
  width: 100%;
  height: 100%; }

.fp-slidesContainer {
  float: left;
  position: relative; }

.fp-controlArrow {
  position: absolute;
  z-index: 4;
  top: 50%;
  cursor: pointer;
  width: 0;
  height: 0;
  border-style: solid;
  margin-top: -38px; }

.fp-controlArrow.fp-prev {
  left: 15px;
  width: 0;
  border-width: 38.5px 34px 38.5px 0;
  border-color: transparent #fff transparent transparent; }

.fp-controlArrow.fp-next {
  right: 15px;
  border-width: 38.5px 0 38.5px 34px;
  border-color: transparent transparent transparent #fff; }

.fp-scrollable {
  overflow: scroll; }

.fp-easing {
  -webkit-transition: all 0.7s ease-out;
  /* Safari<=6 Android<=4.3 */
  transition: all 0.7s ease-out; }

@media (max-width: 767px) {
  #fp-nav {
    display: none; } }
#fp-nav {
  position: fixed;
  z-index: 100;
  margin-top: -32px;
  top: 50%;
  opacity: 1; }

#fp-nav.right {
  right: 12px; }

#fp-nav.left {
  left: 12px; }

.fp-slidesNav {
  position: absolute;
  z-index: 4;
  left: 50%;
  opacity: 1; }

.fp-slidesNav.bottom {
  bottom: 17px; }

.fp-slidesNav.top {
  top: 17px; }

#fp-nav ul,
.fp-slidesNav ul {
  margin: 0;
  padding: 0; }

#fp-nav li,
.fp-slidesNav li {
  display: block;
  width: 15px;
  height: 23px;
  margin: 13px;
  position: relative; }

.fp-slidesNav li {
  display: inline-block; }

#fp-nav li a,
.fp-slidesNav li a {
  display: block;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  text-decoration: none; }

#fp-nav li .active span,
.fp-slidesNav .active span {
  background: #ddd; }

#fp-nav span,
.fp-slidesNav span {
  top: 2px;
  left: 2px;
  width: 10px;
  height: 10px;
  border: 2px solid #ddd;
  background: transparent;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px;
  position: absolute;
  z-index: 1;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out; }

.fp-tooltip {
  position: absolute;
  top: -5px;
  color: #fff;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1px;
  padding: 4px 8px 5px;
  white-space: nowrap;
  max-width: 220px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px; }

.fp-tooltip.right {
  right: 30px; }

.fp-tooltip.left {
  left: 30px; }

.fp-tooltip::after {
  right: -8px;
  width: 10px;
  height: 10px;
  -webkit-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
  position: absolute;
  content: '';
  pointer-events: none;
  z-index: 0; }

.fp-tooltip::after {
  top: 7px;
  background-color: inherit; }

/* #sidenav
--------------------------------------------------*/
.side-nav-inner ul.menu {
  padding: 0; }
@media (max-width: 991px) {
  .side-nav-inner ul.menu {
    padding: 0;
    text-align: center; }
  .side-nav-inner .menu ul {
    list-style-type: none; }
  .side-nav-inner .menu li {
    display: inline;
    position: relative; }
  .side-nav-inner .menu ul ul li a {
    display: block; }
  .side-nav-inner .menu ul li ul li ul {
    display: block;
    margin-left: 200px; }
  .side-nav-inner .menu li ul {
    display: block;
    position: absolute; }
  .side-nav-inner .menu li:hover ul {
    display: block; }
  .side-nav-inner .menu ul ul li {
    display: block; } }
.side-nav-inner ul.sub-menu {
  padding-left: 17px; }
@media (max-width: 991px) {
  .side-nav-inner ul.sub-menu {
    padding-top: 10px;
    padding-left: 32px;
    padding-right: 13px;
    background: #fff;
    min-width: 200px; } }
@media (max-width: 991px) {
  .side-nav-inner ul.sub-menu ul {
    margin-left: 200px;
    padding-top: 40px;
    padding-left: 32px;
    padding-right: 13px;
    background: #fff;
    min-width: 200px; } }
@media (max-width: 991px) {
  .side-nav-inner .menu li {
    display: inline;
    padding: 15px 10px;
    text-align: center; } }
.side-nav-inner .menu li a {
  color: #333; }
.side-nav-inner .menu-item-has-children > a:after {
  content: url(images/has-child.png);
  margin-left: 5px; }
.side-nav-inner .sub-menu,
.side-nav-inner .sub-menu .sub-menu {
  margin: 10px 0 15px; }
@media (max-width: 991px) {
  .side-nav-inner .sub-menu,
  .side-nav-inner .sub-menu .sub-menu {
    position: absolute;
    z-index: 99999999999999; } }
.side-nav-inner .sub-menu li {
  font-size: 13px;
  line-height: 1.4;
  margin-bottom: 10px; }
@media (min-width: 768px) {
  .side-nav-inner .sub-menu li {
    display: block;
    text-align: left;
    padding: 4px 0; } }
.side-nav-inner .sub-menu li:before {
  content: url(images/men-cross.png);
  margin-right: 10px;
  margin-left: -18px; }
.side-nav-inner .sub-menu,
.side-nav-inner .menu-item-has-children:hover .sub-menu .sub-menu {
  display: block; }
.side-nav-inner .menu-item-has-children:hover .sub-menu,
.side-nav-inner .menu-item-has-children .sub-menu:hover .sub-menu {
  display: block; }
.side-nav-inner .po-navbar-footer {
  text-align: right;
  float: right;
  margin: 0;
  width: 100%; }
.side-nav-inner .po-navbar-footer ul {
  padding: 0;
  margin: 0; }
.side-nav-inner .po-navbar-footer li {
  padding: 0;
  margin: 0; }
.side-nav-inner .po-navbar-footer li a {
  font-size: 13px;
  text-align: right;
  float: right;
  padding: 0 0 0 25px; }
.side-nav-inner .po-navbar-footer li a:hover {
  text-align: right;
  float: right;
  padding: 0 0 0 25px; }

.menu-nav-inner ul.menu {
  padding: 0; }
.menu-nav-inner ul.sub-menu {
  padding-left: 0px; }
.menu-nav-inner ul.sub-menu .sub-menu {
  padding-left: 0px; }
@media (max-width: 767px) {
  .menu-nav-inner .menu li {
    text-align: left;
    font-size: 12px;
    padding: 8px 0;
    font-weight: 700;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out; } }
@media (min-width: 768px) {
  .menu-nav-inner .menu li {
    text-align: center;
    font-size: 13px;
    padding: 10px 0;
    font-weight: 700;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out; } }
@media (min-width: 992px) {
  .menu-nav-inner .menu li {
    text-align: center;
    font-size: 14px;
    padding: 10px 0;
    font-weight: 700;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out; } }
.menu-nav-inner .sub-menu,
.menu-nav-inner .sub-menu .sub-menu {
  margin: 10px 0 10px; }
@media (max-width: 767px) {
  .menu-nav-inner .sub-menu li {
    font-size: 12px;
    line-height: 1.4;
    text-align: left;
    text-transform: capitalize;
    letter-spacing: 0px;
    padding: 5px 0;
    font-weight: 400; } }
@media (min-width: 768px) {
  .menu-nav-inner .sub-menu li {
    font-size: 13px;
    line-height: 1.4;
    text-align: center;
    text-transform: capitalize;
    letter-spacing: 0px;
    padding: 5px 0;
    font-weight: 400; } }
@media (min-width: 992px) {
  .menu-nav-inner .sub-menu li {
    font-size: 14px;
    line-height: 1.4;
    text-align: center;
    text-transform: capitalize;
    letter-spacing: 0px;
    padding: 5px 0;
    font-weight: 400; } }
.menu-nav-inner .menu li a {
  color: #777; }
.menu-nav-inner .menu li a:hover {
  color: #eee; }
.menu-nav-inner .sub-menu li a {
  color: #777; }
.menu-nav-inner .sub-menu li a:hover {
  color: #eee; }
.menu-nav-inner .menu li.current_page_item > a,
.menu-nav-inner .menu li.portfolio.current_page_item > a,
.menu-nav-inner .menu li.team.current_page_item > a {
  color: #eee; }
.menu-nav-inner .po-navbar-footer {
  text-align: right;
  float: right;
  margin: 0;
  width: 100%; }
.menu-nav-inner .po-navbar-footer ul {
  padding: 0;
  margin: 0; }
.menu-nav-inner .po-navbar-footer li {
  padding: 0;
  margin: 0; }
.menu-nav-inner .po-navbar-footer li a {
  font-size: 13px;
  text-align: right;
  float: right;
  padding: 0 0 0 25px; }
.menu-nav-inner .po-navbar-footer li a:hover {
  text-align: right;
  float: right;
  padding: 0 0 0 25px; }

.horiz-nav ul.menu {
  padding: 0;
  margin: 33px 0 0; }
.horiz-nav ul.menu {
  padding: 0;
  text-align: center; }
.horiz-nav .menu ul {
  list-style-type: none; }
.horiz-nav .menu li {
  text-transform: uppercase;
  display: inline;
  position: relative; }
.horiz-nav .menu ul ul li a {
  display: block; }
.horiz-nav .menu ul li ul li ul {
  display: block;
  margin-left: 200px; }
.horiz-nav .menu li ul {
  display: none;
  position: absolute; }
.horiz-nav .menu li:hover ul {
  display: block; }
.horiz-nav .menu ul ul li {
  display: block; }
.horiz-nav ul.sub-menu {
  padding-left: 17px; }
.horiz-nav ul.sub-menu {
  padding-top: 10px;
  padding-left: 32px;
  padding-right: 13px;
  background: #fff;
  min-width: 200px; }
.horiz-nav ul.sub-menu ul {
  margin-left: 200px;
  padding-top: 40px;
  padding-left: 32px;
  padding-right: 13px;
  background: #fff;
  min-width: 200px; }
.horiz-nav .menu li {
  display: inline;
  text-align: center; }
.horiz-nav .menu li {
  font-family: 'Lato';
  font-size: 13px;
  color: #333;
  font-weight: 700; }
.horiz-nav .menu li a {
  color: rgba(255, 255, 255, 0.5);
  padding: 60px 10px 0; }
.horiz-nav .menu li a:hover {
  color: #fff; }
.horiz-nav .menu li.current_page_item a {
  border-top: 2px solid #fff;
  color: #fff; }
.horiz-nav .menu-item-has-children > a:after {
  content: url(images/has-child.png);
  margin-left: 5px; }
.horiz-nav .sub-menu,
.horiz-nav .sub-menu .sub-menu {
  margin: 10px 0 15px; }
@media (max-width: 991px) {
  .horiz-nav .sub-menu,
  .horiz-nav .sub-menu .sub-menu {
    position: absolute;
    z-index: 99999999999999; } }
.horiz-nav .sub-menu li {
  font-size: 13px;
  line-height: 1.4;
  margin-bottom: 10px; }
@media (min-width: 768px) {
  .horiz-nav .sub-menu li {
    display: block;
    text-align: left;
    padding: 4px 0; } }
.horiz-nav .sub-menu,
.horiz-nav .menu-item-has-children:hover .sub-menu .sub-menu {
  display: none; }
.horiz-nav .menu-item-has-children:hover .sub-menu,
.horiz-nav .menu-item-has-children .sub-menu:hover .sub-menu {
  display: block; }
.horiz-nav .po-navbar-footer {
  text-align: right;
  float: right;
  margin: 0;
  width: 100%; }
.horiz-nav .po-navbar-footer ul {
  padding: 0;
  margin: 0; }
.horiz-nav .po-navbar-footer li {
  padding: 0;
  margin: 0; }
.horiz-nav .po-navbar-footer li a {
  font-size: 13px;
  text-align: right;
  float: right;
  padding: 0 0 0 25px; }
.horiz-nav .po-navbar-footer li a:hover {
  text-align: right;
  float: right;
  padding: 0 0 0 25px; }

.horiz-nav-bottom ul.menu {
  padding: 0;
  text-align: center;
  margin: 24px 0 0; }
.horiz-nav-bottom .menu ul {
  list-style-type: none; }
.horiz-nav-bottom .menu li {
  display: inline;
  position: relative; }
.horiz-nav-bottom .menu ul ul li a {
  display: block; }
.horiz-nav-bottom .menu ul li ul li ul {
  display: block;
  margin-left: 200px; }
.horiz-nav-bottom .menu li ul {
  display: none;
  position: absolute; }
.horiz-nav-bottom .menu li:hover ul {
  display: block; }
.horiz-nav-bottom .menu ul ul li {
  display: block; }
.horiz-nav-bottom ul.sub-menu {
  padding-top: 10px;
  padding-left: 32px;
  padding-right: 13px;
  background: #fff;
  min-width: 200px; }
.horiz-nav-bottom ul.sub-menu ul {
  margin-left: 200px;
  padding-top: 40px;
  padding-left: 32px;
  padding-right: 13px;
  background: #fff;
  min-width: 200px; }
.horiz-nav-bottom .menu li {
  font-size: 12px;
  display: inline;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase; }
.horiz-nav-bottom .menu li,
.horiz-nav-bottom .menu li a {
  color: #000;
  padding: 27px 10px 10px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out; }
@-moz-document url-prefix() {
  .horiz-nav-bottom .menu li,
  .horiz-nav-bottom .menu li a {
    padding: 28px 10px 10px; } }
.horiz-nav-bottom .menu.menu-onepage li a {
  color: #ddd; }
.horiz-nav-bottom .menu li a.active {
  color: #ddd;
  border-bottom: 2px solid #ddd; }
.horiz-nav-bottom .menu li:hover {
  color: #000; }
.horiz-nav-bottom .menu li a {
  color: #000; }
.horiz-nav-bottom .menu-item-has-children > a:after {
  content: url(images/has-child.png);
  margin-left: 5px; }
.horiz-nav-bottom .sub-menu,
.horiz-nav-bottom .sub-menu .sub-menu {
  margin: 10px 0 15px; }
.horiz-nav-bottom .sub-menu,
.horiz-nav-bottom .sub-menu .sub-menu {
  position: absolute;
  z-index: 99999999999999; }
.horiz-nav-bottom .sub-menu li {
  font-size: 13px;
  line-height: 1.4;
  margin-bottom: 10px; }
.horiz-nav-bottom .sub-menu li:before {
  content: url(images/men-cross.png);
  margin-right: 10px;
  margin-left: -18px; }
.horiz-nav-bottom .sub-menu,
.horiz-nav-bottom .menu-item-has-children:hover .sub-menu .sub-menu {
  display: none; }
.horiz-nav-bottom .menu-item-has-children:hover .sub-menu,
.horiz-nav-bottom .menu-item-has-children .sub-menu:hover .sub-menu {
  display: block; }
.horiz-nav-bottom .po-navbar-footer {
  text-align: right;
  float: right;
  margin: 0;
  width: 100%; }
.horiz-nav-bottom .po-navbar-footer ul {
  padding: 0;
  margin: 0; }
.horiz-nav-bottom .po-navbar-footer li {
  padding: 0;
  margin: 0; }
.horiz-nav-bottom .po-navbar-footer li a {
  font-size: 13px;
  text-align: right;
  float: right;
  padding: 0 0 0 25px; }
.horiz-nav-bottom .po-navbar-footer li a:hover {
  text-align: right;
  float: right;
  padding: 0 0 0 25px; }

.left .top-page {
  /* Safari 6.1+ (8.0 is the latest version of Safari at this time) */
  /* Chrome 28+ (Chrome is version 40 at the time of this posting) */ }
  .left .top-page ul.menu {
    padding: 0;
    text-align: left;
    margin: 0 0 0 0px; }
  .left .top-page .menu ul {
    list-style-type: none; }
  .left .top-page .menu li {
    display: inline;
    position: relative; }
  .left .top-page .menu ul ul li a {
    display: block; }
  .left .top-page .menu ul li ul li ul {
    display: block;
    margin-left: 200px; }
  .left .top-page .menu li ul {
    display: none;
    position: absolute;
    background: #111;
    text-align: left;
    padding: 20px 0;
    text-wrap: none;
    margin-top: -8px;
    min-width: 180px;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    left: 0; }
  .left .top-page .menu li ul li ul {
    display: block;
    position: relative;
    background: #111;
    text-align: left;
    padding: 5px 10px 10px;
    text-wrap: none;
    margin-top: -8px;
    min-width: 180px;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out; }
  @media screen and (min-color-index: 0) and (-webkit-min-device-pixel-ratio: 0) {
    .left .top-page .menu li ul {
      margin-top: -0px; } }
  @supports (-webkit-appearance: none) {
    .left .top-page .menu li ul {
      margin-top: -8px; } }
  .left .top-page .menu li ul li {
    text-align: left;
    padding: 7px 0px;
    font-size: 13px; }
  .left .top-page .menu li ul li ul li {
    text-align: left;
    padding: 0px 0px;
    font-size: 13px; }
  .left .top-page .menu li ul li a::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 0px;
    background: #000;
    content: '';
    -webkit-transition: opacity 0.8s, -webkit-transform 0.35s;
    transition: opacity 0.8s, transform 0.35s;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    opacity: 0; }
  .left .top-page .menu li ul li:hover a::after {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; }
  .left .top-page .menu li ul li a {
    width: 100%;
    display: block;
    text-align: left;
    color: #777;
    padding: 5px 30px;
    border-bottom: none; }
  .left .top-page .menu li ul li.current_page_item a {
    color: #fff; }
  .left .top-page .menu li ul li a:hover {
    color: #fff;
    border-bottom: none; }
  .left .top-page .menu li:hover ul {
    display: block; }
  .left .top-page .menu ul ul li {
    display: block; }
  .left .top-page .menu li {
    font-size: 14px;
    display: inline;
    font-weight: 500;
    padding-right: 28px; }
  .left .top-page .menu li,
  .left .top-page .menu li a {
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    white-space: nowrap; }
  .left .top-page ul.menu li a {
    position: relative;
    overflow: hidden;
    display: inline-block;
    padding-top: 15px;
    padding-bottom: 17px; }
  .left .top-page .menu li a::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: #000;
    content: '';
    -webkit-transition: opacity 0.8s, -webkit-transform 0.35s;
    transition: opacity 0.8s, transform 0.35s;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    opacity: 0; }
  .left .top-page .menu li:hover a::after {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; }

.right .top-page {
  /* Safari 6.1+ (8.0 is the latest version of Safari at this time) */
  /* Chrome 28+ (Chrome is version 40 at the time of this posting) */ }
  .right .top-page ul.menu {
    padding: 0;
    text-align: right;
    margin: 0 0 0 0px; }
  .right .top-page .menu ul {
    list-style-type: none; }
  .right .top-page .menu li {
    display: inline;
    position: relative; }
  .right .top-page .menu ul ul li a {
    display: block; }
  .right .top-page .menu ul li ul li ul {
    display: block;
    margin-left: 200px; }
  .right .top-page .menu li ul {
    display: none;
    position: absolute;
    background: #111;
    text-align: left;
    padding: 20px 0;
    text-wrap: none;
    margin-top: -8px;
    min-width: 180px;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    left: 0; }
  .right .top-page .menu li ul li ul {
    display: block;
    position: relative;
    background: #111;
    text-align: left;
    padding: 5px 10px 10px;
    text-wrap: none;
    margin-top: -8px;
    min-width: 180px;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out; }
  @media screen and (min-color-index: 0) and (-webkit-min-device-pixel-ratio: 0) {
    .right .top-page .menu li ul {
      margin-top: -0px; } }
  @supports (-webkit-appearance: none) {
    .right .top-page .menu li ul {
      margin-top: -8px; } }
  .right .top-page .menu li ul li {
    text-align: left;
    padding: 7px 0px;
    font-size: 13px; }
  .right .top-page .menu li ul li ul li {
    text-align: left;
    padding: 0px 0px;
    font-size: 13px; }
  .right .top-page .menu li ul li a::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 0px;
    background: #000;
    content: '';
    -webkit-transition: opacity 0.8s, -webkit-transform 0.35s;
    transition: opacity 0.8s, transform 0.35s;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    opacity: 0; }
  .right .top-page .menu li ul li:hover a::after {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; }
  .right .top-page .menu li ul li a {
    width: 100%;
    display: block;
    text-align: left;
    color: #777;
    padding: 5px 30px;
    border-bottom: none; }
  .right .top-page .menu li ul li.current_page_item a {
    color: #fff; }
  .right .top-page .menu li ul li a:hover {
    color: #fff;
    border-bottom: none; }
  .right .top-page .menu li:hover ul {
    display: block; }
  .right .top-page .menu ul ul li {
    display: block; }
  .right .top-page .menu li {
    font-size: 14px;
    display: inline;
    font-weight: 500;
    padding-left: 28px; }
  .right .top-page .menu li,
  .right .top-page .menu li a {
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    white-space: nowrap; }
  .right .top-page ul.menu li a {
    position: relative;
    overflow: hidden;
    display: inline-block;
    padding-top: 15px;
    padding-bottom: 17px; }
  .right .top-page .menu li a::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: #000;
    content: '';
    -webkit-transition: opacity 0.8s, -webkit-transform 0.35s;
    transition: opacity 0.8s, transform 0.35s;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    opacity: 0; }
  .right .top-page .menu li:hover a::after {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; }

.one-page ul.menu {
  padding: 0;
  text-align: center;
  margin: 0 0 0; }
.one-page .menu ul {
  list-style-type: none; }
.one-page .menu li {
  display: inline;
  position: relative; }
.one-page .menu ul ul li a {
  display: block; }
.one-page .menu ul li ul li ul {
  display: block;
  margin-left: 200px; }
.one-page .menu li ul {
  display: none;
  position: absolute; }
.one-page .menu li:hover ul {
  display: block; }
.one-page .menu ul ul li {
  display: block; }
.one-page .menu li {
  font-size: 12px;
  display: inline;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: 700; }
.one-page .menu li,
.one-page .menu li a {
  padding: 0 7px 12px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  border-bottom: 2px solid transparent; }
.one-page .menu li,
.one-page .menu li a {
  color: #ddd; }
.one-page .menu li.active a,
.one-page .menu li a:hover {
  color: #ddd;
  border-bottom: 2px solid #ddd; }

.large.one-page .menu li {
  font-size: 15px; }

.one-nav-fixed .menu li.active a,
.one-nav-fixed .menu li a:hover {
  text-decoration: none; }

.one-nav-fixed .menu li,
.one-nav-fixed .menu li a {
  color: #fff; }
.one-nav-fixed .menu li.active a,
.one-nav-fixed .menu li a:hover {
  color: #fff; }
.one-nav-fixed .menu li,
.one-nav-fixed .menu li a {
  padding: 0 7px 34px; }

.one-nav-fixed .large .menu li,
.one-nav-fixed .large .menu li a {
  padding: 0 7px 32px; }

@media (max-width: 767px) {
  .one-page-side ul.menu {
    padding: 0;
    margin: 50px 0 0; }
  .one-page-side .menu ul {
    list-style-type: none; }
  .one-page-side .menu li {
    display: block;
    position: relative; }
  .one-page-side .menu li {
    font-size: 13px;
    text-align: left;
    font-weight: 700; } }
@media (min-width: 768px) {
  .one-page-side ul.menu {
    padding: 0;
    text-align: center;
    margin: 50px 0 0; }
  .one-page-side .menu ul {
    list-style-type: none; }
  .one-page-side .menu li {
    display: block;
    position: relative; }
  .one-page-side .menu li {
    font-size: 13px;
    text-align: center;
    font-weight: 700; } }
.one-page-side .menu li,
.one-page-side .menu li a {
  padding: 0 0 12px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out; }
.one-page-side .menu li,
.one-page-side .menu li a {
  color: rgba(255, 255, 255, 0.6); }
.one-page-side .menu li.active a,
.one-page-side .menu li a:hover {
  color: rgba(255, 255, 255, 0.9); }

.navbar-toggle {
  float: none;
  display: block;
  margin: 0px auto 0; }

.icon-bar {
  background: rgba(255, 255, 255, 0.9);
  width: 20px !important;
  height: 2px !important;
  margin: 0 0 2px !important; }

.icon-bar.dark {
  background: rgba(0, 0, 0, 0.9);
  width: 20px !important;
  height: 2px !important;
  margin: 0 0 2px !important; }