/* 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
--------------------------------------------------*/
: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:#000
}

.clear-float {
    clear:both
}

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

a {
    transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -ms-transition:all .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 .2s ease-in-out;
        -webkit-transition:all .2s ease-in-out;
        -moz-transition:all .2s ease-in-out;
        -ms-transition:all .2s ease-in-out;
        margin-bottom:35px
    }
}

@media (min-width: 768px) {
    .logo-menu {
        max-height:75px;
        display:block;
        opacity:1;
        transition:all .2s ease-in-out;
        -webkit-transition:all .2s ease-in-out;
        -moz-transition:all .2s ease-in-out;
        -ms-transition:all .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 .2s ease-in-out;
        -webkit-transition:all .2s ease-in-out;
        -moz-transition:all .2s ease-in-out;
        -ms-transition:all .2s ease-in-out;
        margin-bottom:35px
    }
}

.logo-menu:hover {
    opacity:.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-size:15px;
        margin-top:30px;
        text-align:center
    }
}

@media (min-width: 768px) {
    .logo-subtitle {
        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
    }
}

@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 24px;
    background-color:#eee;
    border-bottom:1px solid #ddd
}

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

#crumbs {
    font-size:12px;
    margin-top:14px
}

#crumbs a {
    color:#333;
    transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -ms-transition:all .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:69px
}

.page-padding {
    padding-top: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 0;
        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-image:url(../images/111.jpg)
}

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

.section-background-light {
    background-image:url(../images/222.jpg)
}


.section-background-elyor {
    background-image:url(../images/elyor.jpg)
}


.section-background-elyor1 {
    background-image:url(../images/elyor1.jpg)
}

.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:#fff
}

.section-background-white p,.section-background-light p {
    color:#777
}

.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 .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 0 0 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: 991px) {
    .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 0 2px 4px 0 rgba(0,0,0,0.07);
    -moz-box-shadow:inset 0 2px 4px 0 rgba(0,0,0,0.07);
    box-shadow:inset 0 2px 4px 0 rgba(0,0,0,0.07)
}

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

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

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

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

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

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

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

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

.section-image.section-overlay-darkgreen {
    -webkit-box-shadow:inset 0 0 1000px 200px rgba(32,197,150,0.5);
    -moz-box-shadow:inset 0 0 1000px 200px rgba(32,197,150,0.5);
    box-shadow:inset 0 0 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 0 2px 4px 0 rgba(0,0,0,0.05);
    -moz-box-shadow:inset 0 2px 4px 0 rgba(0,0,0,0.05);
    box-shadow:inset 0 2px 4px 0 rgba(0,0,0,0.05)
}

.section-background-dark.section-lineshadow-top {
    border-top:1px solid #000;
    -webkit-box-shadow:inset 0 2px 4px 0 rgba(0,0,0,0.8);
    -moz-box-shadow:inset 0 2px 4px 0 rgba(0,0,0,0.8);
    box-shadow:inset 0 2px 4px 0 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 0 -2px 3px 0 rgba(0,0,0,0.03);
    -moz-box-shadow:inset 0 -2px 3px 0 rgba(0,0,0,0.03);
    box-shadow:inset 0 -2px 3px 0 rgba(0,0,0,0.03)
}

.section-background-dark.section-lineshadow-bottom {
    border-bottom:1px solid #000;
    -webkit-box-shadow:inset 0 -2px 4px 0 rgba(0,0,0,0.8);
    -moz-box-shadow:inset 0 -2px 4px 0 rgba(0,0,0,0.8);
    box-shadow:inset 0 -2px 4px 0 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 0 0 4px 0 rgba(0,0,0,0.07);
    -moz-box-shadow:inset 0 0 4px 0 rgba(0,0,0,0.07);
    box-shadow:inset 0 0 4px 0 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 0 0 4px 0 rgba(0,0,0,0.8);
    -moz-box-shadow:inset 0 0 4px 0 rgba(0,0,0,0.8);
    box-shadow:inset 0 0 4px 0 rgba(0,0,0,0.8)
}

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

@media (min-width: 767px) {
    .one-nav {
        position:absolute;
        width:100%;
        z-index: 9999999999999999999999999999922;
        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: 9999999999999999999999999999922;
        height:76px;
        display:none
    }
}

@media (min-width: 768px) {
    .one-nav-bg {
        position:fixed;
        width:100%;
        z-index: 9999999999999999999999999999922;
        height:80px;
        display:none
    }
}

.one-nav-bg.transparent {
    opacity:.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:15px
}

@media (max-width: 1025px) {
    .section-background-image-fixed,.section-background-image-parallax {
        background-size:cover!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:0;
    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:#fff
}

.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
}

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

.right .menu-close {
    width:22px;
    height:22px;
    background:url(images/view-close.png);
    background-size:22px 22px;
    cursor:pointer;
    position:absolute;
    right:25px;
    margin-top:5px;
    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:0;
        margin-top:6px;
        display:none;
        padding:0;
        z-index: 9999999999999999999999999999917
    }

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

@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: 9999999999999999999999999999917
    }

    .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: 9999999999999999999999999999917
    }
}

.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:hsla(0, 21%, 96%, 0.8);
    position:fixed;
    z-index:99999999999999999999999;
    bottom:0;
    display:none
}

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

@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
}

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

    .right .menu-bars {
        position:absolute;
        z-index:39;
        right:0;
        margin-top:0
    }
}

@media (min-width: 768px) {
    .left .menu-bars {
        position:absolute;
        z-index:39;
        margin-left:40px;
        margin-top:38px
    }

    .right .menu-bars {
        position:absolute;
        z-index:39;
        right:40px;
        margin-top:38px
    }
}

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

    .right .menu-bars-slide {
        position:absolute;
        z-index:99999999999999;
        right:0;
        margin-top:0;
        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:0;
        margin-top:0
    }

    .right .menu-bars-one {
        position:absolute;
        z-index:99999999999999;
        right:0;
        margin-top:0
    }
}

@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:1;
    width:100%;
    right:0
}

.right .top-logo-outer {
    position:absolute;
    z-index:1;
    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%
    }
}

.left .top-nav-one {
    position:absolute;
    left:0;
    z-index:5;
    width:auto
}

.right .top-nav-one {
    position:absolute;
    z-index:5;
    width:auto;
    right:0
}

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

    .right .top-logo-container {
        position:absolute;
        z-index: 9999999999999999999999999999920;
        left:25px
    }
}

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

    .right .top-logo-container {
        position:absolute;
        z-index:9999999999;
        left:70px
    }
}

@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:0;
        width:100%
    }

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

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

    .right .top-logo-container-top {
        position:absolute;
        z-index:9999999999;
        left:0;
        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:.5;
    font-size:30px;
    transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -ms-transition:all .2s ease-in-out
}

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

.loading-logo {
    max-width:70px;
    max-height:70px;
    margin:15px auto 0;
    display:block
}

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

.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
    }
}

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

.spin {
    font-size:15px;
    margin:0!important;
    padding:0!important;
    line-height:0!important
}

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

@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:.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;
        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 .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -ms-transition:all .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
}

/* #blog
--------------------------------------------------*/
.po-blog {
    /**
   * 6.5 Gallery
   * -----------------------------------------------------------------------------
   */
}

@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:0
    }
}

@media (min-width: 768px) {
    .po-blog .po-page-middle {
        width:90%;
        margin:-600px auto 70px;
        z-index:999;
        position:relative;
        padding:0
    }
}

@media (min-width: 992px) {
    .po-blog .po-page-middle {
        width:70%;
        margin:-700px auto 70px;
        z-index:999;
        position:relative;
        padding:0
    }
}

@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
    }
}

@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 0
    }
}

.po-blog .blog-item {
    background-color:#ececec;
    height:373px
}

.po-blog .entry-content.blog-video iframe {
    padding:0;
    margin:0;
    margin-bottom:20px
}

.po-blog .blog-item:nth-child(odd) {
    background-color:#e5e5e5
}

@media (max-width: 767px) {
    .po-blog .po-content-nav {
        padding:5px 28px
    }
}

@media (min-width: 768px) {
    .po-blog .po-content-nav {
        padding:5px 28px
    }
}

@media (min-width: 992px) {
    .po-blog .po-content-nav {
        padding:0 28px
    }
}

@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
    }
}

@media (min-width: 768px) {
    .po-blog .po-article {
        margin:0
    }
}

@media (min-width: 992px) {
    .po-blog .po-article {
        margin:0
    }
}

@media (max-width: 767px) {
    .po-blog .blog-header .entry-title {
        font-size:20px;
        font-weight:600;
        margin:0;
        line-height:1.3
    }
}

@media (min-width: 768px) {
    .po-blog .blog-header .entry-title {
        font-size:25px;
        font-weight:600;
        margin:0
    }
}

@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;
        text-transform:uppercase
    }
}

.po-blog .blog-header .entry-title a,.po-blog .blog-header .entry-title {
    color:#000
}

@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
    }
}

.po-blog .po-content-middle .blog-content.entry-content p {
    color:#444
}

@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:20px 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:0 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;
        margin:22px 0 0
    }
}

@media (min-width: 768px) {
    .po-blog .more-link {
        font-size:17px;
        margin:22px 0 0
    }
}

@media (min-width: 992px) {
    .po-blog .more-link {
        font-size:17px;
        margin:22px 0 0
    }
}

.po-blog .more-link:hover {
    color:#333
}

.po-blog .post-meta {
    font-size:13px;
    color:#999;
    float:left;
    margin:0 20px 0 0
}

.po-blog .post-meta a,.po-blog .edit-link a {
    color:#999
}

.po-blog .post-meta-single {
    font-size:15px;
    color:#999;
    float:left;
    margin:0 20px 0 0
}

.po-blog .post-meta-single a {
    color:#999
}

.po-blog .post-meta-single-tags {
    font-size:14px;
    color:#999;
    margin:10px 20px 0 0;
    word-spacing:2px
}

.po-blog .post-meta-single-tags a {
    color:#999
}

.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:0 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:13px;
    font-weight:600;
    letter-spacing:2px;
    text-transform:uppercase;
    margin:50px 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:17px;
    font-weight:600;
    margin:3px 0 5px
}

.po-blog .blog-content.entry-content .comment-metadata {
    font-size:13px
}

.po-blog .blog-content.entry-content .comment-metadata {
    color:#999
}

.po-blog .blog-content.entry-content .reply {
    font-size:13px;
    margin-left:15px
}

.po-blog .blog-content.entry-content .comment-metadata a,.po-blog .blog-content.entry-content .reply a {
    color:#999
}

.po-blog .blog-content.entry-content .comment-content {
    font-size:17px;
    margin:20px 0
}

.po-blog .blog-content.entry-content .comment-reply-title {
    font-size:13px;
    text-transform:uppercase!important;
    letter-spacing:2px;
    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:15px;
    border:none;
    border-bottom:1px solid #999;
    padding:7px 0;
    margin:10px 0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -ms-border-radius:0;
    -o-border-radius:0;
    border-radius:0;
    transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -ms-transition:all .2s ease-in-out
}

.po-blog input[type="submit"]#blog-form {
    font-size:12px;
    font-weight:700;
    text-align:center;
    cursor:pointer;
    text-transform:capitalize;
    background-color:transparent;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -ms-border-radius:0;
    -o-border-radius:0;
    border-radius:0;
    transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out;
    color:#999;
    border:1px solid #999;
    padding:10px 15px;
    margin:10px 0 0;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
    text-transform:uppercase;
    letter-spacing:2px
}

.po-blog .comment-awaiting-moderation {
    color:#F9635D;
    margin:29px 0 0
}

.po-blog .archive-header {
    font-size:13px;
    font-weight:700;
    margin-top:30px;
    text-transform:uppercase;
    letter-spacing:2px
}

.po-blog .archive-list {
    padding-left:22px;
    font-size:15px
}

.po-blog .blog-content.archive-list ul {
    padding:20px 0 5px 20px;
    font-size:17px;
    line-height:1.7
}

.po-blog .archive-list li {
    padding:0;
    list-style:disc
}

.po-blog .archive-list li {
    padding:2px 0
}

.po-blog .blog-content.entry-content blockquote p {
    font-size:25px;
    line-height:1.5;
    font-style:italic;
    font-weight:500;
    color:#000
}

.po-blog .blog-content.entry-content blockquote {
    padding:0 30px;
    margin:40px 0;
    border-left:2px solid #000
}

.po-blog .blog-content.entry-content ul,.po-blog .blog-content.entry-content ol {
    padding:20px 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 .sticky {
    border:5px solid #e5e5e5
}

.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 .2s ease-in-out;
        -webkit-transition:all .2s ease-in-out;
        -moz-transition:all .2s ease-in-out;
        -ms-transition:all .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 .2s ease-in-out;
        -webkit-transition:all .2s ease-in-out;
        -moz-transition:all .2s ease-in-out;
        -ms-transition:all .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 .2s ease-in-out;
        -webkit-transition:all .2s ease-in-out;
        -moz-transition:all .2s ease-in-out;
        -ms-transition:all .2s ease-in-out;
        opacity:.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
    }
}

@media (min-width: 768px) {
    .po-blog .quote-thumb {
        padding:50px
    }
}

@media (min-width: 992px) {
    .po-blog .quote-thumb {
        padding:30px 60px
    }
}

.po-blog pre {
    border:none;
    padding:30px;
    margin:40px 0;
    line-height:2;
    background:#f5f5f5;
    border-top:2px solid #e9e9e9;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -ms-border-radius:0;
    -o-border-radius:0;
    border-radius:0;
    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 blockquote cite,.po-blog blockquote small {
    color:#999;
    font-size:14px;
    font-weight:400;
    line-height:1.5
}

.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:400;
    text-align:left
}

.po-blog .blog-content.entry-content th {
    border-width:0 1px 1px 0;
    font-weight:700
}

.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:600
}

.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 div.wp-caption[style] {
    width:100%!important
}

.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:0
}

.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:12px;
    font-style:italic;
    line-height:1.5;
    margin:9px 0 20px
}

.po-blog div.wp-caption .wp-caption-text {
    padding-right:10px
}

.po-blog div.wp-caption.alignright img[class*="wp-image-"],.po-blog div.wp-caption.alignright .wp-caption-text {
    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-bottom:20px
}

.po-blog .gallery-item {
    float:left;
    margin:0 4px 4px 0;
    overflow:hidden;
    position:relative
}

.po-blog .gallery-columns-1 .gallery-item {
    max-width:100%
}

.po-blog .gallery-columns-2 .gallery-item {
    max-width:48%;
    max-width:-webkit-calc(50% - 4px);
    max-width:calc(50% - 4px)
}

.po-blog .gallery-columns-3 .gallery-item {
    max-width:32%;
    max-width:-webkit-calc(33.3% - 4px);
    max-width:calc(33.3% - 4px)
}

.po-blog .gallery-columns-4 .gallery-item {
    max-width:23%;
    max-width:-webkit-calc(25% - 4px);
    max-width:calc(25% - 4px)
}

.po-blog .gallery-columns-5 .gallery-item {
    max-width:19%;
    max-width:-webkit-calc(20% - 4px);
    max-width:calc(20% - 4px)
}

.po-blog .gallery-columns-6 .gallery-item {
    max-width:15%;
    max-width:-webkit-calc(16.7% - 4px);
    max-width:calc(16.7% - 4px)
}

.po-blog .gallery-columns-7 .gallery-item {
    max-width:13%;
    max-width:-webkit-calc(14.28% - 4px);
    max-width:calc(14.28% - 4px)
}

.po-blog .gallery-columns-8 .gallery-item {
    max-width:11%;
    max-width:-webkit-calc(12.5% - 4px);
    max-width:calc(12.5% - 4px)
}

.po-blog .gallery-columns-9 .gallery-item {
    max-width:9%;
    max-width:-webkit-calc(11.1% - 4px);
    max-width:calc(11.1% - 4px)
}

.po-blog .gallery-columns-1 .gallery-item:nth-of-type(1n),.po-blog .gallery-columns-2 .gallery-item:nth-of-type(2n),.po-blog .gallery-columns-3 .gallery-item:nth-of-type(3n),.po-blog .gallery-columns-4 .gallery-item:nth-of-type(4n),.po-blog .gallery-columns-5 .gallery-item:nth-of-type(5n),.po-blog .gallery-columns-6 .gallery-item:nth-of-type(6n),.po-blog .gallery-columns-7 .gallery-item:nth-of-type(7n),.po-blog .gallery-columns-8 .gallery-item:nth-of-type(8n),.po-blog .gallery-columns-9 .gallery-item:nth-of-type(9n) {
    margin-right:0
}

.po-blog .gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1),.po-blog .gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1),.po-blog .gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1),.po-blog .gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) {
    clear:left
}

.po-blog .gallery-caption {
    background-color:rgba(0,0,0,0.7);
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    color:#fff;
    font-size:12px;
    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 {
    overflow:hidden
}

.po-blog .avatar {
    margin-top:3px!important
}

/* #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:0;
        padding-bottom:0
    }
}

@media (min-width: 992px) {
    .po-column.po-header-top {
        padding-top:0;
        padding-bottom:0
    }
}

@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:0;
    padding-bottom:0
}

@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:13px;
    font-weight:600;
    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:23px;
        margin-top:35px;
        padding-bottom:25px;
        border-top:2px 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:23px;
        margin-top:35px;
        padding-bottom:15px;
        border-top:2px 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:23px;
        margin-top:35px;
        padding-bottom:15px;
        border-top:2px 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:23px;
        margin-top:35px;
        padding-bottom:25px;
        border-top:2px 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:23px;
        margin-top:35px;
        padding-bottom:15px;
        border-top:2px 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:23px;
        margin-top:35px;
        padding-bottom:15px;
        border-top:2px 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:600;
    font-size:15px;
    letter-spacing:4px;
    color:#000
}

.standard-header-small {
    text-transform:uppercase;
    font-weight:600;
    font-size:13px;
    letter-spacing:3px;
    margin-bottom:15px;
}

@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:2px;
    padding:10px 2px 12px 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 .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -ms-transition:all .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:3px;
    text-transform:uppercase;
    padding:45px 0;
    font-weight:700;
    text-align:center;
    cursor:pointer;
    transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -ms-transition:all .2s ease-in-out;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -ms-border-radius:0;
    -o-border-radius:0;
    border-radius:0
}

.banner-button::after {
    font-family:century gothic;
    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:0;
    opacity:0;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    transition:all .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 .3s;
    -moz-transition:all .3s;
    transition:all .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 .3s;
    -moz-transition:all .3s;
    transition:all .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 .3s;
    -moz-transition:all .3s;
    transition:all .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 .3s;
    -webkit-backface-visibility:hidden;
    -moz-transition:all .3s;
    -moz-backface-visibility:hidden;
    transition:all .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 .3s;
    -moz-transition:all .3s;
    transition:all .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:century gothic;
    font-weight:700;
    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-carouseleds .bx-wrapper .po-slider .bx-prev,.po-carouseleds .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-carouseleds .bx-wrapper .po-slider .bx-prev,.po-carouseleds .bx-wrapper .po-slider .bx-next {
        cursor:pointer;
        border:1px solid #fff;
        transition:all .2s ease-in-out;
        -webkit-transition:all .2s ease-in-out;
        -moz-transition:all .2s ease-in-out;
        -ms-transition:all .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:century gothic;
    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:.3
}

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

.background-greyscale.green {
    opacity:.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:0;
    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-slider .bx-wrapper .po-carouseleds:hover .bx-prev,.po-slider .bx-wrapper .po-carouseleds:hover .bx-next,.po-carouseleds:hover .bx-wrapper .bx-prev,.po-carouseleds:hover .bx-wrapper .bx-next {
    opacity:.8
}

.po-carousel {
    overflow:visible
}

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

.entry-content .po-carouseleds li {
    padding:0;
    list-style:none
}

.entry-content .po-carouseleds img {
    margin-top:0
}

.po-carouseleds {
    /* DIRECTION CONTROLS (NEXT / PREV) */
    /* Individual Caption Styles */
    /* Caption Style 1 */
}

.po-carouseleds .bx-directions,.po-slider .bx-wrapper .po-carouseleds .bx-prev,.po-slider .bx-wrapper .po-carouseleds .bx-next,.po-carouseleds .bx-wrapper .bx-prev,.po-carouseleds .bx-wrapper .bx-next {
    cursor:pointer;
    border:1px solid #fff;
    opacity:0;
    transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -ms-transition:all .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,.po-carouseleds .bx-wrapper .bx-next {
        opacity:.5
    }
}

@media (min-width: 768px) {
    .po-carouseleds .bx-wrapper .bx-prev,.po-carouseleds .bx-wrapper .bx-next {
        opacity:.5
    }
}

@media (min-width: 992px) {
    .po-carouseleds .bx-wrapper .bx-prev,.po-carouseleds .bx-wrapper .bx-next {
        opacity:0
    }
}

.po-carouseleds .bx-wrapper .bx-prev {
    border-left:none;
    float:left;
    padding-left:0;
    background:url(images/slide-arrow-left.png) no-repeat 10px 8px rgba(0,0,0,0.05);
    -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;
    position:relative
}

.po-carouseleds .bx-wrapper .bx-next {
    border-right:none;
    float:right;
    padding-right:0;
    background:url(images/slide-arrow-right.png) no-repeat 13px 8px rgba(0,0,0,0.05);
    -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;
    position:relative
}

.po-carouseleds .bx-wrapper .bx-prev:hover {
    padding-left:0;
    background:url(images/slide-arrow-left.png) no-repeat 10px 8px;
    border-left:none;
    opacity:1
}

.po-carouseleds .bx-wrapper .bx-next:hover {
    padding-right:0;
    background:url(images/slide-arrow-right.png) no-repeat 13px 8px;
    border-right:none;
    opacity:1
}

.po-carouseleds .bx-wrapper .bx-controls-direction a {
    outline:0;
    width:32px;
    height:32px;
    text-indent:-9999px;
    z-index:110
}

.po-carouseleds .bx-wrapper .bx-controls-direction {
    width:100%;
    margin-top:-119px;
    height:119px
}

.po-carouseleds .bx-wrapper .bx-controls-direction a.disabled {
    display:none
}

.po-carouseleds h6 {
    color:#fff;
    letter-spacing:2px;
    opacity:0;
    transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -ms-transition:all .2s ease-in-out
}

.po-carouseleds .grid li:hover h6 {
    opacity:1
}

.po-carouseleds .grid figure {
    margin:0;
    position:relative;
    height:200px
}

.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;
    cursor:url(images/view-open.png) 35 35,default
}

.po-carouseleds .grid figcaption h6 {
    margin:0;
    padding:0;
    color:#fff
}

.po-carouseleds .grid figcaption a {
    text-align:center;
    padding:5px 10px;
    border-radius:2px;
    display:inline-block;
    color:#fff
}

.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 .3s;
    -moz-transition:-moz-transform 0.3s,opacity .3s;
    transition:transform 0.3s,opacity .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 .cs-style-1 figcaption h6 {
    display:block;
    margin-top:135px;
    text-transform:uppercase;
    font-weight:700;
    font-size:13px
}

.po-carouseleds .cs-style-1 figcaption span {
    display:block;
    margin-top:140px
}

.po-carouseleds .cs-style-1 figcaption a {
    margin-top:30px
}

.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:0;
        right:0;
        bottom:0;
        left:0;
        opacity:0;
        transition:all .2s ease-in-out;
        -webkit-transition:all .2s ease-in-out;
        -moz-transition:all .2s ease-in-out;
        -ms-transition:all .2s ease-in-out
    }

    .portfolio-item-effect .cs-style-3:hover figure {
        top:4px;
        right:4px;
        bottom:4px;
        left:4px;
        opacity:.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;
    cursor:url(images/view-open.png) 35 35,default
}

.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 .3s;
    -moz-transition:-moz-transform 0.3s,opacity .3s;
    transition:transform 0.3s,opacity .3s
}

.portfolio-item-effect .no-touch .cs-style-1 figure:hover figcaption,.portfolio-item-effect .cs-style-1 figure.cs-hover figcaption {
    opacity:.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 .3s;
    -moz-transition:-moz-transform 0.3s,opacity .3s;
    transition:transform 0.3s,opacity .3s
}

.portfolio-item-effect .no-touch .cs-style-2 figure:hover figcaption,.portfolio-item-effect .cs-style-2 figure.cs-hover figcaption {
    opacity:.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 .3s;
    -moz-transition:-moz-transform 0.3s,opacity .3s;
    transition:transform 0.3s,opacity .3s
}

.portfolio-item-effect .no-touch .cs-style-3 figure:hover figcaption,.portfolio-item-effect .cs-style-3 figure.cs-hover figcaption {
    opacity:.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:.8;
    font-size:40px;
    font-weight:100;
    z-index:9999999999;
    transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -ms-transition:all .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:century gothic;
    font-weight:700;
    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-carouseleds .bx-wrapper .bx-prev,.po-carouseleds .bx-wrapper .po-portfolio-slider .bx-prev,.po-portfolio-slider .po-carouseleds .bx-wrapper .bx-next,.po-carouseleds .bx-wrapper .po-portfolio-slider .bx-next {
        cursor:pointer;
        transition:all .2s ease-in-out;
        -webkit-transition:all .2s ease-in-out;
        -moz-transition:all .2s ease-in-out;
        -ms-transition:all .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-carouseleds .bx-wrapper .bx-prev,.po-carouseleds .bx-wrapper .po-portfolio-slider .bx-prev,.po-portfolio-slider .po-carouseleds .bx-wrapper .bx-next,.po-carouseleds .bx-wrapper .po-portfolio-slider .bx-next {
        cursor:pointer;
        transition:all .2s ease-in-out;
        -webkit-transition:all .2s ease-in-out;
        -moz-transition:all .2s ease-in-out;
        -ms-transition:all .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:0;
    cursor:url(images/next.png) 38 38,default
}

.po-portfolio-slider .bx-wrapper .bx-next {
    position:absolute;
    width:50%;
    height:550px;
    margin-top:0;
    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:century gothic;
    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:century gothic;
    font-weight:700;
    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-carouseleds .bx-wrapper .bx-prev,.po-carouseleds .bx-wrapper .po-portfolio-slider2 .bx-prev,.po-portfolio-slider2 .po-carouseleds .bx-wrapper .bx-next,.po-carouseleds .bx-wrapper .po-portfolio-slider2 .bx-next {
        cursor:pointer;
        transition:all .2s ease-in-out;
        -webkit-transition:all .2s ease-in-out;
        -moz-transition:all .2s ease-in-out;
        -ms-transition:all .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-carouseleds .bx-wrapper .bx-prev,.po-carouseleds .bx-wrapper .po-portfolio-slider2 .bx-prev,.po-portfolio-slider2 .po-carouseleds .bx-wrapper .bx-next,.po-carouseleds .bx-wrapper .po-portfolio-slider2 .bx-next {
        cursor:pointer;
        transition:all .2s ease-in-out;
        -webkit-transition:all .2s ease-in-out;
        -moz-transition:all .2s ease-in-out;
        -ms-transition:all .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:0;
        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:0;
        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:0;
        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:0;
        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:0;
        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:0;
        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:century gothic;
    display:block;
    font-size:.85em;
    padding:10px
}

.po-portfolio-slider-profile {
    background;#000;
}

.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:700;
    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-carouseleds .bx-wrapper .bx-prev,.po-carouseleds .bx-wrapper .po-portfolio-slider-profile .bx-prev,.po-portfolio-slider-profile .po-carouseleds .bx-wrapper .bx-next,.po-carouseleds .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-carouseleds .bx-wrapper .bx-prev,.po-carouseleds .bx-wrapper .po-portfolio-slider-profile .bx-prev,.po-portfolio-slider-profile .po-carouseleds .bx-wrapper .bx-next,.po-carouseleds .bx-wrapper .po-portfolio-slider-profile .bx-next {
        cursor:pointer;
        transition:all .2s ease-in-out;
        -webkit-transition:all .2s ease-in-out;
        -moz-transition:all .2s ease-in-out;
        -ms-transition:all .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:0;
        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:0;
        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:0;
        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:0;
        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:0;
        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:0;
        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:700;
    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-carouseleds .bx-wrapper .bx-prev,.po-carouseleds .bx-wrapper .po-portfolio-slider-top .bx-prev,.po-portfolio-slider-top .po-carouseleds .bx-wrapper .bx-next,.po-carouseleds .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-carouseleds .bx-wrapper .bx-prev,.po-carouseleds .bx-wrapper .po-portfolio-slider-top .bx-prev,.po-portfolio-slider-top .po-carouseleds .bx-wrapper .bx-next,.po-carouseleds .bx-wrapper .po-portfolio-slider-top .bx-next {
        cursor:pointer;
        transition:all .2s ease-in-out;
        -webkit-transition:all .2s ease-in-out;
        -moz-transition:all .2s ease-in-out;
        -ms-transition:all .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;
        left:20px;
        width:35px;
        height:170px;
        margin-top:0;
        background:url(images/next-light-ie.png) no-repeat 4% center!important
    }

    .po-portfolio-slider-top .bx-wrapper .bx-next {
        position:absolute;
        width:35px;
        height:170px;
        margin-top:0;
        right:20px;
        background:url(images/prev-light-ie.png) 96% center no-repeat!important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .po-portfolio-slider-top .bx-wrapper .bx-prev {
        position:absolute;
        z-index:999999999999;
        left:20px;
        width:35px;
        height:170px;
        margin-top:0;
        background:url(images/next-light-ie.png) no-repeat 4% center!important
    }

    .po-portfolio-slider-top .bx-wrapper .bx-next {
        position:absolute;
        width:35px;
        height:170px;
        margin-top:0;
        right:20px;
        background:url(images/prev-light-ie.png) 96% center no-repeat!important
    }
}

@media (min-width: 992px) {
    .po-portfolio-slider-top .bx-wrapper .bx-prev {
        position:absolute;
        z-index:999999999999;
        left:20px;
        width:35px;
        height:170px;
        margin-top:0;
        background:url(images/next-light-ie.png) no-repeat 4% center!important
    }

    .po-portfolio-slider-top .bx-wrapper .bx-next {
        position:absolute;
        width:35px;
        height:170px;
        margin-top:0;
        right:20px;
        background:url(images/prev-light-ie.png) 96% center no-repeat!important
    }
}

@media (max-width: 767px) {
    .po-portfolio-slider-top .bx-wrapper .bx-controls-direction a {
        position:absolute;
        margin-top:-320px;
        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:-420px;
        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 (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 {
        width:100%;
        display:table;
        margin-top:0;
        height:400px
    }
}

@media (min-width: 768px) {
    .slider-image-inner {
        width:100%;
        display:table;
        margin-top:90px;
        height:400px
    }
}

@media (min-width: 992px) {
    .slider-image-inner {
        width:100%;
        display:table;
        margin-top:120px;
        height:400px
    }
}

@media (max-width: 767px) {
    .slider-image-inner-page {
        width:100%;
        display:table;
        margin-top:0;
        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 35px
}

.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:9
    }
}

@media (min-width: 768px) {
    .po-slider-bottom-button {
        display:block;
        width:100%;
        text-align:center;
        height:31px;
        border:none;
        position:absolute;
        bottom:103px;
        font-size:30px;
        z-index:9
    }
}

@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 .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -ms-transition:all .2s ease-in-out
}

.po-slider-bottom-button i:hover {
    opacity:.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: 99999999999999999999999999999;
    opacity:.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:0
    }
}

@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:0
    }
}

@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:0
    }
}

.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:0
}

.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:0
}

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

@media (max-width: 767px) {
    .slider-caption h1 {
        text-transform:uppercase;
        font-size:35px;
        font-weight:300
    }
}

@media (min-width: 768px) {
    .slider-caption h1 {
        text-transform:uppercase;
        font-size:80px;
        font-weight:300
    }
}

@media (max-width: 767px) {
    .slider-subtitle {
        font-size:12px;
        letter-spacing:3px;
        color:#fff;
        font-style:italic;
        text-transform:uppercase;
        margin-top:25px
    }
}

@media (min-width: 768px) {
    .slider-subtitle {
        font-size:12px;
        letter-spacing:3px;
        font-style:italic;
        text-transform:uppercase;
        margin-top:25px
    }
}

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

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

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

.slider-video-icon:hover {
    opacity:.8
}

@media (max-width: 767px) {
    .video-icon-container {
        position:absolute;
        z-index: 9999999999999999999999999999916;
        margin:335px 0 0;
        width:100%
    }
}

@media (min-width: 768px) {
    .video-icon-container {
        position:absolute;
        z-index: 9999999999999999999999999999916;
        margin:500px 0 0;
        width:100%
    }
}

@media (max-width: 767px) {
    .video-icon-container-slide {
        margin:0;
        bottom:55px
    }
}

@media (min-width: 768px) {
    .video-icon-container-slide {
        margin:0;
        bottom:90px
    }
}

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

@media (min-width: 768px) {
    .slider-slides {
        position:fixed;
        width:100%;
        height:650px
    }
}

@media (max-width: 1200px) {
    .video-click {
        display:none
    }
}

@media (min-width: 768px) {
    .video-click {
        font-size:19px;
        cursor:pointer;
        margin-left:41px;
        position:absolute;
        padding:10px
    }
}

@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
    }
}

.video-click,a.go-to-click,a.go-to-click-slide,.image-info {
    opacity:1;
    transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -ms-transition:all .2s ease-in-out
}

.video-click:hover,a.go-to-click:hover,a.go-to-click-slide:hover,.image-info:hover {
    opacity:.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 .sepline-port {
    border-top:2px solid #fff
}

.white-content .slider-subtitle,.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 .video-click {
    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;
    border-bottom:2px solid #f9f9f9
}

.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 .sepline-port {
    border-top:2px solid #ddd
}

.light-content .slider-subtitle,.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 .video-click {
    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;
    border-bottom:2px solid #f9f9f9
}

.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 .sepline-port {
    border-top:2px solid #000
}

.black-content .slider-subtitle,.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 .video-click {
    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;
    border-bottom:2px solid #f9f9f9
}

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

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

.googleMap img {
    max-width:none
}

/* #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 .4s ease-out backwards;
    -moz-animation:po-bounce-in .4s ease-out backwards;
    -ms-animation:po-bounce-in .4s ease-out backwards;
    -o-animation:po-bounce-in .4s ease-out backwards;
    animation:po-bounce-in .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 .4s ease-out forwards;
        -moz-animation:po-expand .4s ease-out forwards;
        -ms-animation:po-expand .4s ease-out forwards;
        -o-animation:po-expand .4s ease-out forwards;
        animation:po-expand .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 .5s ease-out forwards;
        -moz-animation:po-expand-line .5s ease-out forwards;
        -ms-animation:po-expand-line .5s ease-out forwards;
        -o-animation:po-expand-line .5s ease-out forwards;
        animation:po-expand-line .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 .65s ease forwards;
    -moz-animation:fadeIn .65s ease forwards;
    -ms-animation:fadeIn .65s ease forwards;
    animation:fadeIn .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 .65s ease forwards;
    -moz-animation:moveUp .65s ease forwards;
    animation:moveUp .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 .9s ease forwards;
    -moz-animation:moveUp .9s ease forwards;
    animation:moveUp .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 .85s ease forwards;
    -moz-animation:moveUp .85s ease forwards;
    -ms-animation:moveUp .85s ease forwards;
    animation:moveUp .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 .85s ease forwards;
    -moz-animation:moveDown .85 ease forwards;
    animation:moveDown .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 .65s ease forwards;
    -moz-animation:moveDown .65s ease forwards;
    animation:moveDown .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 .65s ease forwards;
    -moz-animation:moveLeft .65s ease forwards;
    animation:moveLeft .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 .65s ease forwards;
    -moz-animation:moveRIght .65s ease forwards;
    animation:moveRIght .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 .5s ease-out forwards;
    -moz-animation:bounce-in .5s ease-out forwards;
    -ms-animation:bounce-in .5s ease-out forwards;
    -o-animation:bounce-in .5s ease-out forwards;
    animation:bounce-in .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 .5s ease-out forwards;
    -moz-animation:rotateIn .5s ease-out forwards;
    -ms-animation:rotateIn .5s ease-out forwards;
    -o-animation:rotateIn .5s ease-out forwards;
    animation:rotateIn .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 .6s ease-out forwards;
    -moz-animation:rollIn .6s ease-out forwards;
    -ms-animation:rollIn .6s ease-out forwards;
    -o-animation:rollIn .6s ease-out forwards;
    animation:rollIn .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:.6s;
    -webkit-animation-duration:.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 0;
        border-top:2px solid #e1e1e1;
        margin-bottom:23px;
        transition:all .2s ease-in-out;
        -webkit-transition:all .2s ease-in-out;
        -moz-transition:all .2s ease-in-out;
        -ms-transition:all .2s ease-in-out
    }
}

@media (min-width: 768px) {
    .icon-box-line {
        width:50%;
        margin:4px auto 0;
        border-top:2px solid #e1e1e1;
        margin-bottom:23px;
        transition:all .2s ease-in-out;
        -webkit-transition:all .2s ease-in-out;
        -moz-transition:all .2s ease-in-out;
        -ms-transition:all .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:14px;
    font-weight:600;
    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 .1s ease-in-out;
    -webkit-transition:all .1s ease-in-out;
    -moz-transition:all .1s ease-in-out;
    -ms-transition:all .1s ease-in-out
}

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

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

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

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

.po-icon-left h6 {
    margin:0 0 16px;
    transition:all .1s ease-in-out;
    -webkit-transition:all .1s ease-in-out;
    -moz-transition:all .1s ease-in-out;
    -ms-transition:all .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:.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 .1s ease-in-out;
    -webkit-transition:all .1s ease-in-out;
    -moz-transition:all .1s ease-in-out;
    -ms-transition:all .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 .1s ease-in-out;
    -webkit-transition:all .1s ease-in-out;
    -moz-transition:all .1s ease-in-out;
    -ms-transition:all .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 .1s ease-in-out;
    -webkit-transition:all .1s ease-in-out;
    -moz-transition:all .1s ease-in-out;
    -ms-transition:all .1s ease-in-out
}

.entry-content .po-icon-left table {
    border-collapse:separate;
    border-spacing:0;
    border-width: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:14px;
    color:#000;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:1px
}

.float-text {
    font-size:15px;
    color:#444;
    margin-top:10px
}

/* #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:0;
    padding-bottom:10px;
    opacity:0
}

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

@media (max-width: 767px) {
    .count-icon {
        padding-top:0;
        padding-bottom:0
    }
}

@media (min-width: 768px) {
    .count-icon {
        padding-top:0;
        padding-bottom:20px
    }
}

@media (max-width: 767px) {
    .count-line {
        width:20%;
        margin:5px auto 17px;
        border-top:1px solid #e1e1e1;
        transition:all .2s ease-in-out;
        -webkit-transition:all .2s ease-in-out;
        -moz-transition:all .2s ease-in-out;
        -ms-transition:all .2s ease-in-out
    }
}

@media (min-width: 768px) {
    .count-line {
        width:60%;
        margin:15px auto;
        border-top:1px solid #e1e1e1;
        transition:all .2s ease-in-out;
        -webkit-transition:all .2s ease-in-out;
        -moz-transition:all .2s ease-in-out;
        -ms-transition:all .2s ease-in-out
    }
}

@media (min-width: 992px) {
    .count-line {
        width:50%;
        margin:10px auto 20px;
        border-top:1px solid #e1e1e1;
        transition:all .2s ease-in-out;
        -webkit-transition:all .2s ease-in-out;
        -moz-transition:all .2s ease-in-out;
        -ms-transition:all .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.333333333333%
    }
}

.portfolio-item,.portfolio-item-footer,.portfolio-page {
    display:block;
    padding:0
}

.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 0 2px 4px 0 rgba(0,0,0,0.08);
        -moz-box-shadow:inset 0 2px 4px 0 rgba(0,0,0,0.08);
        box-shadow:inset 0 2px 4px 0 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 0 2px 4px 0 rgba(0,0,0,0.08);
        -moz-box-shadow:inset 0 2px 4px 0 rgba(0,0,0,0.08);
        box-shadow:inset 0 2px 4px 0 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 0 2px 4px 0 rgba(0,0,0,0.08);
        -moz-box-shadow:inset 0 2px 4px 0 rgba(0,0,0,0.08);
        box-shadow:inset 0 2px 4px 0 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;
    cursor:url(images/cross.png) 38 38,default
}

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

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

.subtitle {
    color:#fff;
    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-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:0
}

.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:.2s;
    -moz-transition:.2s;
    -o-transition:.2s;
    transition-duration:.2s;
    opacity:.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 .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -ms-transition:all .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 .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -ms-transition:all .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 .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -ms-transition:all .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:0
}

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

.share-links li .love {
    color:#888;
    transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -ms-transition:all .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:0;
    -moz-border-radius:0;
    -ms-border-radius:0;
    -o-border-radius:0;
    border-radius:0;
    -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;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -ms-border-radius:0;
    -o-border-radius:0;
    border-radius:0;
    -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:0;
    -moz-border-radius:0;
    -ms-border-radius:0;
    -o-border-radius:0;
    border-radius:0;
    -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
}

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

.share-links-standard li .index {
    padding:8px 13px;
    font-size:15px;
    line-height:1.5;
    transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -ms-transition:all .2s ease-in-out;
    position:relative
}

.share-links-standard li .prev,.share-links-standard li .love {
    padding:6px 13px;
    font-size:15px;
    line-height:1.5;
    margin-top:-6px;
    -webkit-border-top-left-radius:4px;
    -webkit-border-bottom-left-radius:4px;
    -moz-border-radius-topleft:4px;
    -moz-border-radius-bottomleft:4px;
    border-top-left-radius:4px;
    border-bottom-left-radius:4px;
    transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -ms-transition:all .2s ease-in-out;
    position:relative
}

.share-links-standard li .next {
    padding:8px 13px;
    font-size:15px;
    line-height:1.5;
    -webkit-border-top-right-radius:4px;
    -webkit-border-bottom-right-radius:4px;
    -moz-border-radius-topright:4px;
    -moz-border-radius-bottomright:4px;
    border-top-right-radius:4px;
    border-bottom-right-radius:4px;
    transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -ms-transition:all .2s ease-in-out;
    position:relative;
    z-index:0
}

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

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

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

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

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

.share-links-standard .love.green:hover,.share-links-standard .prev.green:hover,.share-links-standard .index.green:hover,.share-links-standard .next.green:hover {
    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:.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:.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:0
}

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

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

.share-links-2 li .love,.share-links-2 li .mail {
    color:#666;
    transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -ms-transition:all .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 .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -ms-transition:all .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:red
}

.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:.8
}

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

.show {
    display:block
}

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

.titlea {
    font-size:14px;
    position:fixed;
    width:400px;
    top:350px;
    margin-top:-5px;
    color:#fff;
    font-weight:600;
    left:100px;
    display:none;
    z-index:9999;
    text-transform:uppercase;
    letter-spacing:3px
}

.titleb {
    font-size:14px;
    position:fixed;
    width:400px;
    top:350px;
    margin-top:-5px;
    font-weight:600;
    color:#fff;
    display:none;
    text-align:right;
    right:100px;
    z-index:9999;
    text-transform:uppercase;
    letter-spacing:3px
}

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

.port-back:hover {
    opacity:1
}

.next-b {
    position:fixed;
    width:80px;
    height:80px;
    top:350px;
    margin-top:-40px;
    left:-22px;
    background:url(images/next-b.png) no-repeat
}

.prev-b {
    position:fixed;
    width:80px;
    height:80px;
    top:350px;
    margin-top:-40px;
    right:-22px;
    background:url(images/prev-b.png) no-repeat
}

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

.prev-team {
    position:absolute;
    width:80px;
    height:80px;
    top:230px;
    margin-top:0;
    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)
}

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

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

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

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

.portfolio-date li:before {
    content:'\f133';
    font-family:century gothic;
    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:0;
        -moz-border-radius:0;
        -ms-border-radius:0;
        -o-border-radius:0;
        border-radius:0
    }
}

.btn.filter-button {
    margin:0 -2px
}

.filter-button {
    color:#888;
    font-weight:600;
    font-size:11px;
    letter-spacing:1px;
    text-transform:uppercase;
    background-color:#d1d1d1;
    border:1px solid #d1d1d1;
    margin:0;
    padding:6px 8px;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -ms-border-radius:0;
    -o-border-radius:0;
    border-radius:0;
    -webkit-font-smoothing:subpixel-antialiased
}

.filter-button:hover {
    color:#666;
    border:1px solid #eee;
    background-color:#eee
}

.filter-button.active,.filter-button:active {
    color:#333;
    background-color:#f7f7f7;
    border:1px solid #f7f7f7
}

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

.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 .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -ms-transition:all .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 .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -ms-transition:all .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 .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -ms-transition:all .2s ease-in-out;
    display:inline-block;
    background-color:#fff
}

.pagination li.pagination-arrow a {
    color:#999;
    padding:6px 10px 6px 0;
    border:1px solid #fff;
    transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -ms-transition:all .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 .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -ms-transition:all .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:0;
    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: 9999999999999999999999999999917
}

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

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

.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:red
}

.demo-red .banner2 {
    background:red
}

.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 .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -ms-transition:all .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 .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -ms-transition:all .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 .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -ms-transition:all .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 .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -ms-transition:all .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 .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -ms-transition:all .2s ease-in-out
}

@media (min-width: 768px) {
    .nav-portfolio-item-2 {
        opacity:.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 {
    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:.8;
    transition:all .4s ease-in-out;
    -webkit-transition:all .4s ease-in-out;
    -moz-transition:all .4s ease-in-out;
    -ms-transition:all .4s ease-in-out;
    letter-spacing:1px
}

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

.project-page-btn {
    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:.8;
    transition:all .4s ease-in-out;
    -webkit-transition:all .4s ease-in-out;
    -moz-transition:all .4s ease-in-out;
    -ms-transition:all .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:.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:.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;
    color:#fff
}

.video-height {
    height:100%
}

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

.title-bottom {
    text-align:right;
    font-size:16px;
    font-style:italic;
    color:#000;
    position:absolute;
    margin-top:21px;
    letter-spacing:2px;
    text-transform:capitalize;
    background:none;
    border:none;
    outline:none;
    z-index:999999999999;
}

.left .title-bottom {
    right:60px
}

.right .title-bottom {
    left:60px
}

.title-bottom-icon {
    position:relative;
    margin-top:0;
    font-size:17px;
    opacity:0;
    transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -ms-transition:all .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 .65s ease-in-out;
    -webkit-transition:all .65s ease-in-out;
    -moz-transition:all .65s ease-in-out;
    -ms-transition:all .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!important;
    width:100%;
    height:300px;
    text-align:center;
    cursor:url(images/view-open.png) 35 35,default;
    transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -ms-transition:all .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:-.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 .35s;
    -moz-transition:opacity 0.35s,-moz-transform .35s;
    -ms-transition:opacity 0.35s,-ms-transform .35s;
    transition:opacity 0.35s,transform .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:.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-2figureeffect-chico:hover .port-img {;
            opacity:.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 .35s;
    -moz-transition:opacity 0.35s,-moz-transform .35s;
    -ms-transition:opacity 0.35s,-ms-transform .35s;
    transition:opacity 0.35s,transform .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;
    cursor:url(images/view-open.png) 35 35,default
}

.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:-.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 .35s;
    -moz-transition:opacity 0.35s,-moz-transform .35s;
    -ms-transition:opacity 0.35s,-ms-transform .35s;
    -o-transition:opacity 0.35s,-o-transform .35s;
    transition:opacity 0.35s,transform .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:.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-3figureeffect-chico:hover .port-img {;
            opacity:.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 .35s;
    -moz-transition:opacity 0.35s,-moz-transform .35s;
    -ms-transition:opacity 0.35s,-ms-transform .35s;
    -o-transition:opacity 0.35s,-o-transform .35s;
    transition:opacity 0.35s,transform .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)
}

.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;
    cursor:url(images/view-open.png) 35 35,default;
    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,.portfolio-item-effect-4 .grid figure a {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}

.portfolio-item-effect-4 .grid figure a {
    z-index:1000;
    text-indent:200%;
    white-space:nowrap;
    font-size:0;
    opacity:0
}

.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.35s,-webkit-transform .35s;
    transition:opacity 0.35s,transform .35s;
    -webkit-transform:scale(1.05);
    transform:scale(1.05);
    -webkit-backface-visibility:hidden
}

@media (min-width: 768px) {
    .portfolio-item-effect-4 figure.effect-chico:hover .port-img {
        opacity:.8;
        -webkit-transform:scale(1);
        transform:scale(1)
    }

    @-moz-document url-prefix() {
        .portfolio-item-effect-4figureeffect-chico:hover .port-img {;
            opacity:.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 figcaption::before {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    content:'';
    -webkit-transform:scale(1);
    transform:scale(1);
    opacity:0;
    transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -ms-transition:all .2s ease-in-out
}

@media (min-width: 768px) {
    .portfolio-item-effect-4 figure.effect-chico:hover figcaption::before {
        position:absolute;
        top:10px;
        right:10px;
        bottom:10px;
        left:10px;
        content:'';
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:.6;
        -webkit-transition:opacity 0.35s,-webkit-transform .35s;
        transition:opacity 0.35s,transform .35s
    }
}

.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 .35s;
    transition:opacity 0.35s,transform .35s
}

.portfolio-item-effect-4 figure.effect-chico h2 {
    padding-top:0;
    font-size:13px;
    letter-spacing:2px;
    font-weight:600;
    text-transform:uppercase;
    line-height:1.6;
    color:#666
}

.portfolio-item-effect-4 figure.effect-chico p {
    padding-top:30px;
    font-size:12px;
    letter-spacing:1px;
    font-weight:600;
    text-transform:uppercase;
    color:#999
}

.portfolio-item-effect-4 figure.effect-chico h2,.portfolio-item-effect-4 figure.effect-chico p {
    margin:0 auto;
    max-width:300px
}

.portfolio-item-effect-4 figure.effect-chico:hover h2,.portfolio-item-effect-4 figure.effect-chico:hover p {
    opacity:1;
    color:#fff
}

.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:0;
        padding:0;
        padding-left:5px;
        padding-top:14px
    }

    .right .menu-bars-port {
        position:fixed;
        z-index:10;
        margin:0;
        padding:0;
        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:0;
        padding:0;
        left:80px;
        top:0;
        color:#ddd
    }

    .right .top-folder-port {
        position:fixed;
        z-index:10;
        margin:0;
        padding:0;
        right:80px;
        top:0;
        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:2px;
    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
}

.progress-value {
    font-weight:700;
    display:none
}

.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:2px solid #eee
}

.section-background-dark .po-column .hover-ani:hover .circular-line {
    border-top:2px 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:20%;
        margin:9px auto 5px;
        border-top:2px solid #e1e1e1;
        transition:all .2s ease-in-out;
        -webkit-transition:all .2s ease-in-out;
        -moz-transition:all .2s ease-in-out;
        -ms-transition:all .2s ease-in-out
    }
}

@media (min-width: 768px) {
    .circular-line {
        width:25%;
        margin:9px auto 5px;
        border-top:2px solid #e1e1e1;
        transition:all .2s ease-in-out;
        -webkit-transition:all .2s ease-in-out;
        -moz-transition:all .2s ease-in-out;
        -ms-transition:all .2s ease-in-out
    }
}

.section-background-light .circular-line {
    border-top:2px solid #ddd
}

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

.dial {
    opacity:0
}

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

.formoids input[type="submit"] {
    font-size:15px;
    letter-spacing:1px;
    font-weight:600;
    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 .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out;
    padding:10px 15px
}

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

form.invalid input.formoids-not-valid {
    border:1px solid #d33
}

.section-background-dark .formoids input[type="text"],.section-background-dark .formoids input[type="email"],.section-background-dark .formoids textarea,.section-background-image .formoids input[type="text"],.section-background-image .formoids input[type="email"],.section-background-image .formoids textarea,.section-background-image-fixed .formoids input[type="text"],.section-background-image-fixed .formoids input[type="email"],.section-background-image-fixed .formoids textarea,.section-background-image-parallax .formoids input[type="text"],.section-background-image-parallax .formoids input[type="email"],.section-background-image-parallax .formoids textarea,.section-background-image-video .formoids input[type="text"],.section-background-image-video .formoids input[type="email"],.section-background-image-video .formoids textarea,.section-background-dark .po-header .formoids input[type="text"],.section-background-dark .po-header .formoids input[type="email"],.section-background-dark .po-header .formoids textarea,.section-background-custom-white .formoids input[type="text"],.section-background-custom-white .formoids input[type="email"],.section-background-custom-white .formoids textarea,.section-background-custom-dark .formoids input[type="text"],.section-background-custom-dark .formoids input[type="email"],.section-background-custom-dark .formoids textarea {
    color:#fff
}

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

.section-background-white .formoids input[type="text"],.section-background-white .formoids input[type="email"],.section-background-white .formoids textarea,.section-background-light .formoids input[type="text"],.section-background-light .formoids input[type="email"],.section-background-light .formoids textarea {
    color:#333
}

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

.footer-container .formoids input[type="text"],.footer-container .formoids input[type="email"],.footer-container .formoids textarea {
    font-size:14px;
    margin:0
}

.footer-container .formoids textarea {
    height:100px
}

.footer-container .formoids input[type="submit"] {
    font-size:12px;
    padding:5px 9px;
    margin:0!important
}

.footer-container .formoids-response-output {
    color:#fff
}

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

.footer-container-bottom {
    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;
    text-transform:uppercase;
    font-weight:600;
    letter-spacing:1px
}

.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 {
    padding:10px 0;
    list-style:none;
    border-bottom:1px solid rgba(255,255,255,0.3)
}

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

.footer-container .recent-tweets li {
    font-size:14px;
    padding:10px 0 10px 28px;
    list-style:none;
    border-bottom:1px solid rgba(255,255,255,0.3)
}

.footer-container .recent-tweets li:before {
    content:'\f099';
    font-family:century gothic;
    position:absolute;
    margin-top:1px;
    left:16px;
    font-size:14px;
    list-style:none
}

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

.recent-posts li {
    display:block;
    width:100%;
    list-style:none;
    margin-top:0;
    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:century gothic;
    float:right
}

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

.footer-inner-container {
    padding:80px 0
}

.whole-footer {
    display:none
}

.tweet-name {
    text-transform:uppercase;
    letter-spacing:1px;
    font-size:10px;
    font-weight:700;
    margin-top:20px
}

/* #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:.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:.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:.3
    }
}

.client-image {
    display:block;
    text-align:center
}

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

.client-image .client-container .client-details {
    opacity:.7;
    transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -ms-transition:all .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:.4s;
    -moz-transition:.4s;
    -o-transition:.4s;
    transition-duration:.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:.4;
    transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -ms-transition:all .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-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:.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
}

.team-caption h1 {
    text-transform:uppercase; font-size:60px; font-weight:300;
    letter-spacing:5px;
    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:century gothic;
    font-weight:700;
    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-carouseleds .bx-wrapper .bx-prev,.po-carouseleds .bx-wrapper .po-testimonials .bx-prev,.po-testimonials .po-carouseleds .bx-wrapper .bx-next,.po-carouseleds .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-carouseleds .bx-wrapper .bx-prev,.po-carouseleds .bx-wrapper .po-testimonials .bx-prev,.po-testimonials .po-carouseleds .bx-wrapper .bx-next,.po-carouseleds .bx-wrapper .po-testimonials .bx-next {
    cursor:pointer;
    opacity:0;
    transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -ms-transition:all .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 (max-width: 767px) {
    .po-testimonials .bx-wrapper .bx-prev {
        position:absolute;
        z-index:999999999999;
        left:0;
        width:50%;
        height:270px;
        margin-top:0;
        background:url(images/next-light-3.png) 5% center no-repeat;
        background-size:17px 40px
    }

    .po-testimonials .bx-wrapper .bx-next {
        position:absolute;
        width:50%;
        height:270px;
        margin-top:0;
        right:0;
        background:url(images/prev-light-3.png) 95% center no-repeat;
        background-size:17px 40px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .po-testimonials .bx-wrapper .bx-prev {
        position:absolute;
        z-index:999999999999;
        left:0;
        width:50%;
        height:455px;
        margin-top:0;
        background:url(images/next-light-4.png) 5% center no-repeat;
        background-size:15px 40px
    }

    .po-testimonials .bx-wrapper .bx-next {
        position:absolute;
        width:50%;
        height:455px;
        margin-top:0;
        right:0;
        background:url(images/prev-light-4.png) 95% center no-repeat;
        background-size:15px 40px
    }
}

@media (min-width: 992px) {
    .po-testimonials .bx-wrapper .bx-prev {
        position:absolute;
        z-index:999999999999;
        left:0;
        width:50%;
        height:455px;
        margin-top:0;
        cursor:url(images/next-light-2.png) 38 38,default;
        background:none
    }

    .po-testimonials .bx-wrapper .bx-next {
        position:absolute;
        width:50%;
        height:455px;
        margin-top:0;
        right:0;
        cursor:url(images/prev-light-2.png) 38 38,default;
        background:none
    }
}

@media (max-width: 767px) {
    .po-testimonials .bx-wrapper .bx-controls-direction a {
        position:absolute;
        margin-top:-50%;
        outline:0;
        text-indent:-9999px;
        z-index:110
    }
}

@media (min-width: 768px) {
    .po-testimonials .bx-wrapper .bx-controls-direction a {
        position:absolute;
        margin-top:-250px;
        outline:0;
        text-indent:-9999px;
        z-index:99999
    }
}

.po-testimonials .bx-wrapper .bx-controls-direction {
    width:100%;
    top:50%;
    margin-top:-32px;
    position:absolute
}

.po-testimonials .bx-wrapper .bx-controls-direction a.disabled {
    display:none
}

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

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

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

.entry-content .social-links:not(:hover) li,.entry-content .footer-links:not(:hover) li,.entry-content .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%)
}

.entry-content .social-links li:hover,.entry-content .footer-links li:hover,.entry-content .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
}

.entry-content .social-links li:not(:hover) li,.entry-content .footer-links li:not(:hover) li,.entry-content .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:.01
}

.footer-links li,.entry-content .social-links li,.team-content .social-links li,.footer-container .social-links li {
    float:left;
    margin-left:-1px;
    list-style:none;
    margin-top:13px
}

.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 0
    }
}

.social-links-center li .index {
    padding:8px 9px;
    -webkit-backface-visibility:hidden
}

.footer-links li .index,.social-links li .index {
    text-align:center;
    padding:8px 18px 8px 0;
    font-size:15px;
    line-height:1.5;
    border:1px solid transparent;
    transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -ms-transition:all .2s ease-in-out;
    position:relative;
    -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 .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -ms-transition:all .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
}

/* #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 .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -ms-transition:all .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 .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -ms-transition:all .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;
        background-color:#22282C
    }
}

@media (min-width: 768px) {
    .po-search-container {
        padding:5px 28px;
        background-color:#22282C
    }
}

@media (min-width: 992px) {
    .po-search-container {
        padding:5px 28px;
        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;
        line-height:1.3
    }
}

@media (min-width: 768px) {
    .search-header h1 {
        font-size:20px;
        font-weight:600;
        margin:0
    }
}

@media (min-width: 992px) {
    .search-header h1 {
        font-size:20px;
        font-weight:600;
        margin:0
    }
}

.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:0 auto 25px;
        z-index:999;
        position:relative;
        padding:0
    }
}

@media (min-width: 768px) {
    .po-page-middle-plain {
        width:70%;
        margin:0 auto 70px;
        z-index:999;
        position:relative;
        padding:0
    }
}

@media (min-width: 992px) {
    .po-page-middle-plain {
        width:70%;
        margin:0 auto 70px;
        z-index:999;
        position:relative;
        padding:0
    }
}

.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 .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -ms-transition:all .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;
    width:auto;
    position:fixed;
    left:-183px;
    z-index: 9999999999999999999999999999918;
    margin-top:550px
}

.coffee {
    position:absolute;
    margin-left:171px;
    background:#fff;
    padding:10px 14px 10px 15px;
    -webkit-box-shadow:0 0 5px rgba(0,0,0,0.2);
    -moz-box-shadow:0 0 5px rgba(0,0,0,0.2);
    box-shadow:0 0 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 .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out
}

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

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

.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:2px;
    -moz-border-radius:2px;
    -ms-border-radius:2px;
    -o-border-radius:2px;
    border-radius:2px;
    transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out
}

.widgettitle {
    font-weight:700;
    margin-top:50px;
    margin-bottom:20px;
    letter-spacing:2px;
    font-size:13px;
    text-transform:uppercase
}

.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 ul li ul li {
    border-bottom:none;
    padding:6px 0;
    color:#888
}

.widget ul li ul li:before {
    content:"\f105";
    font-family:century gothic;
    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:#444
}

.widget_calendar caption {
    color:#333;
    font-weight:600;
    line-height:1.7142857142;
    margin-bottom:18px;
    text-align:left;
    text-transform:uppercase;
    letter-spacing:2px;
    font-size:13px
}

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

.tagcloud a {
    font-size:14pt;
    width:auto;
    margin:0 5px 5px 0;
    line-height:2.8;
    color:#777;
    padding:5px 10px;
    border:1px solid #ccc;
    background-color:#f7f7f7;
    vertical-align:top;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px
}

.tagcloud a:hover {
    color:#fff
}

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

/* #modal
--------------------------------------------------*/
.modal {
    top:50px
}

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

.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;
    cursor:pointer;
    -webkit-border-radius:100px;
    -moz-border-radius:100px;
    -ms-border-radius:100px;
    -o-border-radius:100px;
    border-radius:100px;
    -webkit-transition:all .3s ease 0;
    -moz-transition:all .3s ease 0;
    -o-transition:all .3s ease 0;
    -ms-transition:all .3s ease 0;
    transition:all .3s ease 0
}

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

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

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

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

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

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

    .row-sm-height {
        display:table-row
    }

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

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

    .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:0;
        padding-right:0
    }

    .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
}

/*
 * 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 .3s ease-out;
    /* Safari<=6 Android<=4.3 */
    transition:all .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 .7s ease-out;
    /* Safari<=6 Android<=4.3 */
    transition:all .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 .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -ms-transition:all .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 .parent-menu > 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 .parent-menu:hover .sub-menu .sub-menu {
    display:block
}

.side-nav-inner .parent-menu:hover .sub-menu,.side-nav-inner .parent-menu .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:0
}

.menu-nav-inner ul.sub-menu .sub-menu {
    padding-left:0
}

@media (max-width: 767px) {
    .menu-nav-inner .menu li {
        text-align:left;
        text-transform:uppercase;
        letter-spacing:2px;
        font-size:12px;
        padding:8px 0;
        font-weight:700;
        transition:all .2s ease-in-out;
        -webkit-transition:all .2s ease-in-out;
        -moz-transition:all .2s ease-in-out;
        -ms-transition:all .2s ease-in-out
    }
}

@media (min-width: 768px) {
    .menu-nav-inner .menu li {
        text-align:center;
        text-transform:uppercase;
        letter-spacing:2px;
        font-size:13px;
        padding:10px 0;
        font-weight:700;
        transition:all .2s ease-in-out;
        -webkit-transition:all .2s ease-in-out;
        -moz-transition:all .2s ease-in-out;
        -ms-transition:all .2s ease-in-out
    }
}

@media (min-width: 992px) {
    .menu-nav-inner .menu li {
        text-align:center;
        text-transform:uppercase;
        letter-spacing:2px;
        font-size:14px;
        padding:10px 0;
        font-weight:700;
        transition:all .2s ease-in-out;
        -webkit-transition:all .2s ease-in-out;
        -moz-transition:all .2s ease-in-out;
        -ms-transition:all .2s ease-in-out
    }
}

.menu-nav-inner .sub-menu,.menu-nav-inner .sub-menu .sub-menu {
    margin:10px 0
}

@media (max-width: 767px) {
    .menu-nav-inner .sub-menu li {
        font-size:14px;
        line-height:1.4;
        text-align:left;
        text-transform:capitalize;
        letter-spacing:0;
        padding:5px 0;
        font-weight:700
    }
}

@media (min-width: 768px) {
    .menu-nav-inner .sub-menu li {
        font-size:14px;
        line-height:1.4;
        text-align:center;
        text-transform:capitalize;
        letter-spacing:0;
        padding:5px 0;
        font-weight:700
    }
}

@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:0;
        padding:5px 0;
        font-weight:700
    }
}

.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-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 .parent-menu > 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 .parent-menu:hover .sub-menu .sub-menu {
    display:none
}

.horiz-nav .parent-menu:hover .sub-menu,.horiz-nav .parent-menu .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 {
    position:absolute; margin-top:-1px; width:100%;
}
.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 .4s ease-in-out;
    -webkit-transition:all .4s ease-in-out;
    -moz-transition:all .4s ease-in-out;
    -ms-transition:all .4s ease-in-out
}

@-moz-document url-prefix() {
    .horiz-nav-bottommenulihoriz-nav-bottommenuliapadding: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 .parent-menu > 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 .parent-menu:hover .sub-menu .sub-menu {
    display:none
}

.horiz-nav-bottom .parent-menu:hover .sub-menu,.horiz-nav-bottom .parent-menu .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
}

@media (max-width: 767px) {
    .left .top-page ul.menu {
        padding:0;
        text-align:left;
        margin:0 0 0 18px
    }
}

@media (min-width: 768px) {
    .left .top-page ul.menu {
        padding:0;
        text-align:left;
        margin:0 0 0 36px
    }
}

.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:#f9f9f9;
    text-align:left;
    padding:0;
    text-wrap:none;
    margin-top:7px;
    min-width:180px;
    transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -ms-transition:all .2s ease-in-out
}

.left .top-page .menu li ul li {
    text-align:left;
    padding:7px 0
}

.left .top-page .menu li ul li a {
    width:100%;
    display:block;
    text-align:left;
    color:#bbb;
    padding:7px 14px;
    border-bottom:none
}

.left .top-page .menu li ul li a:hover {
    color:#666;
    border-bottom:none;
    background:#eee
}

.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:12px;
    display:inline;
    letter-spacing:2px;
    text-transform:uppercase;
    font-weight:700
}

.left .top-page .menu li,.left .top-page .menu li a {
    padding:0 7px 12px;
    font-weight:700;
    cursor:pointer;
    transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -ms-transition:all .2s ease-in-out;
    border-bottom:2px solid transparent
}

@media (max-width: 767px) {
    .right .top-page ul.menu {
        padding:0;
        text-align:right;
        margin:0 18px 0 0
    }
}

@media (min-width: 768px) {
    .right .top-page ul.menu {
        padding:0;
        text-align:right;
        margin:0 36px 0 0
    }
}

.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;
    left:0;
    top:100%;
    background:#f9f9f9;
    text-align:left;
    padding:0;
    text-wrap:none;
    min-width:180px;
    transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -ms-transition:all .2s ease-in-out
}

.right .top-page .menu li ul li {
    text-align:left;
    padding:7px 0
}

.right .top-page .menu li ul li a {
    width:100%;
    display:block;
    text-align:left;
    color:#bbb;
    padding:7px 14px;
    border-bottom:none
}

.right .top-page .menu li ul li a:hover {
    color:#666;
    border-bottom:none;
    background:#eee
}

.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:12px;
    display:inline;
    letter-spacing:2px;
    text-transform:uppercase;
    font-weight:700
}

.right .top-page .menu li,.right .top-page .menu li a {
    padding:0 7px 12px;
    font-weight:700;
    cursor:pointer;
    transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -ms-transition:all .2s ease-in-out;
    border-bottom:2px solid transparent
}

.one-page ul.menu {
    padding:0;
    text-align:center;
    margin: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 .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -ms-transition:all .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 .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -ms-transition:all .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:0 auto
}

.icon-bar {
    background:rgba(255,255,255,0.9);
    width:20px!important;
    height:2px!important
}

.icon-bar.dark {
    background:rgba(0,0,0,0.9);
    width:20px!important;
    height:2px!important
}

.jspContainer {
    overflow-y:scroll
}

.jspContainer::-webkit-scrollbar {
    width: 6px;
    background:rgba(238,238,238,0.1)
}

.jspContainer::-webkit-scrollbar-track {
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3)
}

.jspContainer::-webkit-scrollbar-thumb {
    background-color:#d6d9dc
}

.jspVerticalBar {
    display:none
}

ul.archive-list li {
    width: auto!important;
}