body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,th,td {
    /* direction:ltr; */
}

html,body {
    overflow-x: hidden
}

body {
    font-size: 13px;
    line-height: 22px;
    overflow: hidden
}

h1,h2,h3,h4,h5,h6 {
    margin: 10px 0;
    font-weight: 300;
    line-height: 22px;
    text-rendering: optimizelegibility
}

h1.title {
    font-size: 46px;
    line-height: 48px;
    font-weight: 300;
    margin-bottom: 25px
}

h2.title {
    font-size: 36px;
    line-height: 48px;
    font-weight: 300;
    margin-bottom: 30px
}

h1 {
    font-size: 36px;
    line-height: 48px;
    margin-bottom: 25px
}

h2 {
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 20px
}

h3 {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 20px
}

h4 {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 10px
}

h5 {
    font-size: 17px;
    line-height: 27px;
    margin-bottom: 10px
}

h6 {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px
}

h1.intro {
    color: #89949b;
    line-height: 40px;
    font-weight: 300;
    margin-bottom: 60px
}

section.custom-color h1,section.custom-color h2,section.custom-color h3,section.custom-color h4,section.custom-color h5,section.custom-color h6 {
    color: inherit !important
}

section.custom-color h1 a,section.custom-color h2 a,section.custom-color h3 a,section.custom-color h4 a,section.custom-color h5 a,section.custom-color h6 a {
    color: inherit !important
}

section.custom-color .hr-title {
    border: none !important
}

section.custom-color .hr-title abbr {
    background-color: transparent !important
}

p+h1,p+h2,p+h3,p+h4,p+h5,p+h6 {
    margin-top: 1.5em
}

p {
    margin: .85em 0
}

.btn+.btn {
    margin-left: 10px
}

select+select {
    margin-left: 5px !important
}

.lead {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 200;
    line-height: 30px
}

.muted,h1.muted a {
    color: #bbb
}

a.muted:hover,a.muted:focus {
    color: #7f8c8d
}

.text-warning {
    color: #f1c40f
}

a.text-warning:hover,a.text-warning:focus {
    color: #f39c12
}

.text-error {
    color: #e74c3c
}

a.text-error:hover,a.text-error:focus {
    color: #c0392b
}

.text-info {
    color: #3498db
}

a.text-info:hover,a.text-info:focus {
    color: #2980b9
}

.text-success {
    color: #1abc9c
}

a.text-success:hover,a.text-success:focus {
    color: #16a085
}

a:focus,a:hover {
    outline: none;
    text-decoration: none;
    transition: all .3s ease-in-out 0s
}

img {
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic
}

.img-full-width,.img-full-width .vc_figure,.img-full-width .vc_single_image-wrapper,.img-full-width a,.img-full-width img {
    width: 100% !important
}

.vbottom {
    vertical-align: bottom
}

.wpb_single_image .vc_figure {
    max-width: 100% !important
}

div.wpb_single_image .vc_figure .vc_single_image-wrapper {
    margin-bottom: 0
}

img[alt] {
    font-size: 82%;
    line-height: 10px
}

.inline-image {
    display: inline-block;
    margin: 0 5px
}

iframe,object,embed,video {
    max-width: 100%;
    border: none
}

.adsbygoogle iframe {
    height: inherit
}

audio,video {
    width: 100%
}

pre {
    clear: none;
    border: 1px solid #f7f7f7;
    border-left: 3px solid #e5e5e5;
    color: #777;
    overflow: auto;
    line-height: 2em;
    font-size: 12px;
    background-color: #fff;
    -webkit-background-size: 100% 4em;
    -moz-background-size: 100% 4em;
    background-size: 100% 4em;
    -webkit-transition: all ease-in-out .5s;
    -moz-transition: all ease-in-out .5s;
    -o-transition: all ease-in-out .5s;
    transition: all ease-in-out .5s;
    margin-bottom: 30px;
    position: relative;
    left: 0;
    text-transform: none;
    width: auto
}

label {
    font-weight: normal
}

ins {
    text-decoration: none
}

.all-classes {
    transition: all .25s ease-out 0s
}

.no-padd {
    padding: 0
}

.no-bot-padd {
    padding-bottom: 0
}

.no-margin,.no-margin-vc-elements .wpb_row,.no-margin-vc-elements .wpb_content_element {
    margin: 0
}

.no-border,input.form-control.no-border,.btn.no-border {
    border: none
}

.no-border-radius {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important
}

.no-bot-margin {
    margin-bottom: 0
}

.small-text {
    font-size: 12px
}

.strong {
    font-weight: bold
}

.alignleft {
    float: left;
    margin: 5px 30px 10px 0
}

.alignright {
    float: right;
    margin: 5px 0 10px 30px
}

.aligncenter {
    display: block;
    margin: 5px auto 10px auto
}

.alignnone {
    float: none;
    margin: 5px auto 10px auto
}

.ov-hidden {
    overflow: hidden
}

.div-center {
    margin: 0 auto
}

.clear:before,.clear:after {
    display: table;
    content: " "
}

.clear:after {
    clear: both
}

.kleo-rounded {
    border-radius: 100%
}

.kleo-rounded img.avatar {
    border-style: solid;
    border-width: 5px;
    border-radius: 100%
}

.custom-color .kleo-rounded img.avatar {
    border-color: rgba(255,255,255,0.3) !important
}

.text-left {
    text-align: left
}

span.screen-reader-text,label.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important
}

.bg-center,#main .bg-center {
    background-position: center !important
}

.bg-no-repeat,#main .bg-no-repeat {
    background-repeat: no-repeat !important
}

.bg-size-auto,#main .bg-size-auto {
    background-size: auto !important
}

.letter-spacing-2px {
    letter-spacing: 2px
}

.letter-spacing-4px {
    letter-spacing: 4px
}

.letter-spacing-25 {
    letter-spacing: .03em
}

.letter-spacing-50 {
    letter-spacing: .06em
}

.letter-spacing-75 {
    letter-spacing: .09em
}

.letter-spacing-100 {
    letter-spacing: .12em
}

.wpb_wrapper section {
    background-color: transparent
}

#footer {
    position: relative
}

.border-top {
    border-top-style: solid;
    border-top-width: 1px
}

.border-left {
    border-left-style: solid;
    border-left-width: 1px
}

.border-right {
    border-right-style: solid;
    border-right-width: 1px
}

.border-bottom {
    border-bottom-style: solid;
    border-bottom-width: 1px
}

.container-wrap.bg-full-width,.container-wrap.bg-full-width+.container-wrap {
    border-top: none
}

.container .container {
    padding: 0
}

.template-page {
    border-right-style: solid;
    border-right-width: 1px
}

#footer .template-page {
    border: none
}

.template-page,.sidebar {
    padding-top: 40px;
    padding-bottom: 40px;
    min-height: 1px
}

.wpb_wrapper {
    clear: both;
    position: relative
}

.container-full {
    padding: 0
}

.container-full:before,.container-full:after {
    display: table;
    content: " "
}

.container-full:after {
    clear: both
}

.container-full .template-page.col-sm-12 {
    padding: 0
}

.template-page.tpl-no {
    border-right: 0
}

.template-page.tpl-right .wrap-content {
    padding-right: 35px
}

.template-page.no .wrap-content {
    padding-right: 0
}

.template-page.col-sm-push-3 .wrap-content {
    padding-right: 0;
    padding-left: 35px
}

.page-boxed .template-page.tpl-left .wrap-content {
    padding-left: 17.5px
}

.page-boxed .template-page.tpl-right .wrap-content {
    padding-right: 17.5px
}

.page-boxed .sidebar-left .inner-content {
    padding-right: 17.5px
}

.page-boxed .sidebar-right .inner-content {
    padding-left: 17.5px
}

.template-page.tpl-3ll .wrap-content,.template-page.tpl-3lr .wrap-content,.sidebar-main.sidebar-3rr .inner-content,.sidebar-extra.sidebar-3lr .inner-content,.sidebar-extra.sidebar-3rr .inner-content,.sidebar-extra.sidebar-3ll .inner-content {
    padding-left: 15px
}

.template-page.tpl-3lr .wrap-content,.template-page.tpl-3rr .wrap-content,.sidebar-main.sidebar-3lr .inner-content,.sidebar-main.sidebar-3ll .inner-content,.sidebar-main.sidebar-3rr .inner-content,.sidebar-extra.sidebar-3ll .inner-content {
    padding-right: 15px;
    width: 100%
}

.sidebar-left .inner-content {
    padding-right: 35px
}

.sidebar-right .inner-content {
    padding-left: 35px
}

.template-page.tpl-3ll .wrap-content {
    padding-right: 0
}

.template-page.tpl-left,.template-page.tpl-3ll,.sidebar-extra.sidebar-3ll,.sidebar-extra.sidebar-3lr,.sidebar-extra.sidebar-3rr {
    border-right: none;
    border-left-style: solid;
    border-left-width: 1px
}

.sidebar-right,.sidebar-main.sidebar-3rr {
    border-left-style: solid;
    border-left-width: 1px
}

.sidebar-left,.sidebar-extra.sidebar-3ll,.sidebar-main.sidebar-3ll,.sidebar-main.sidebar-3lr,.sidebar-main.sidebar-3rr {
    border-right-style: solid;
    border-right-width: 1px
}

.sidebar-right,.sidebar-main.sidebar-3rr,.sidebar-extra.sidebar-3rr {
    margin-left: -1px
}

.template-page.with-meta .article-content .wpb_wrapper:first-child,.standard-listing.with-meta .article-media .mejs-container {
    clear: right
}

#main-container>.row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

#main>.main-color .main-color .main-color {
    background-image: none
}

section.container-wrap.border-bottom.half-section:before {
    content: " ";
    display: block;
    width: 1px;
    position: absolute;
    top: 0;
    left: 50%;
    bottom: 0
}

section.container-wrap.half-section {
    background-image: -webkit-linear-gradient(0deg, #fff, #fff);
    background-image: -moz-linear-gradient(0deg, #fff, #fff);
    background-image: -o-linear-gradient(0deg, #fff, #fff);
    background-image: -ms-linear-gradient(0deg, #fff, #fff);
    background-image: linear-gradient(0deg, #fff, #fff);
    -webkit-background-size: 50% 100%;
    -moz-background-size: 50% 100%;
    background-size: 50% 100%;
    background-repeat: no-repeat
}

section.container-wrap.half-section .col-sm-6:nth-child(2) {
    padding-left: 50px
}

.flexbox-container {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.flexbox-center {
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center
}

.flexbox-bottom {
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end
}

.flexbox-justify-center {
    justify-content: center
}

.flexbox-justify-left {
    justify-content: flex-start
}

.flexbox-justify-right {
    justify-content: flex-end
}

.page-boxed {
    box-shadow: 0 0 3px rgba(153,153,153,0.1);
    max-width: 1440px;
    min-width: 300px;
    margin: 0 auto;
    position: relative
}

.kleo-navbar-fixed .page-boxed .kleo-main-header {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto
}

.navbar-full-width .page-boxed {
    box-shadow: none;
    max-width: 100% !important
}

.navbar-full-width .page-boxed #main,.navbar-full-width .page-boxed #footer,.navbar-full-width .page-boxed #socket {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    box-shadow: 0 0 3px rgba(153,153,153,0.1)
}

.navbar-full-width #header,.navbar-full-width .social-header .container,.navbar-full-width .kleo-main-header,.navbar-full-width .kleo-main-header .container {
    max-width: 100% !important
}

.navbar-full-width .social-header .container,.navbar-full-width .kleo-main-header .container {
    padding-right: 30px;
    padding-left: 30px
}

#main {
    clear: both;
    margin-top: -1px
}

.main-title {
    padding: 10px 0
}

.main-title .page-title {
    float: left;
    clear: left;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    max-width: 100%
}

.template-page .page-title {
    float: none
}

.main-title .breadcrumb {
    font-size: 12px;
    background-color: transparent;
    border-radius: none;
    list-style: none outside none;
    margin-bottom: 0;
    padding: 0;
    float: left;
    clear: left
}

.breadcrumb .sep {
    padding: 0 3px
}

.breadcrumb .sep:before {
    content: "/"
}

.kleo-custom-breadcrumb .sep {
    padding: 0 6px
}

.title-single {
    padding-bottom: 10px
}

.main-title .page-title {
    font-size: 26px;
    line-height: 34px;
    margin: 0
}

.page-info {
    clear: right;
    float: right;
    font-size: 12px;
    margin: 0
}

.main-center-title {
    text-align: center
}

.main-center-title .page-title {
    float: none;
    display: block
}

.main-center-title .breadcrumb-extra {
    display: block;
    padding: 10px 0
}

.main-center-title .breadcrumb {
    float: none
}

.main-center-title .page-info {
    float: none
}

.main-right-breadcrumb.main-title .container {
    display: table;
    width: 100%
}

.main-right-breadcrumb.main-title .page-title {
    display: table-cell;
    vertical-align: middle;
    float: none
}

.main-right-breadcrumb .breadcrumb-extra {
    display: table-cell;
    vertical-align: middle
}

.main-right-breadcrumb .breadcrumb {
    float: right
}

.form-control,.form-control:focus {
    border-style: solid;
    border-width: 1px;
    outline: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -webkit-appearance: none
}

.bg-parallax {
    background-attachment: fixed;
    background-position-x: 50%
}

.kleo-mobile .bg-parallax {
    background-attachment: scroll !important
}

.bg-full-width {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.bg-full-video .container,.bg-full-video .container-full {
    position: relative;
    z-index: 1;
    pointer-events: none
}

.bg-full-video a,.bg-full-video input,.bg-full-video textarea,.bg-full-video button {
    pointer-events: all !important
}

.bg-full-video {
    padding: 0 !important;
    position: relative
}

.bg-full-video .mejs-container {
    width: auto !important;
    height: auto !important;
    overflow: hidden;
    position: static
}

.bg-full-video .mejs-mediaelement {
    position: relative
}

.bg-full-video .mejs-container video {
    width: 100%;
    height: auto !important;
    max-width: none
}

.no-video-controls .mejs-controls,.no-video-controls .mejs-overlay-play {
    display: none !important
}

.bg-full-video .mejs-poster.mejs-layer {
    background-size: cover;
    width: 100% !important;
    height: 100% !important
}

.video-wrap {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

.video-wrap video {
    min-height: 100%;
    min-width: 100%
}

#main .mejs-container-fullscreen .mejs-mediaelement,#main .mejs-container-fullscreen video {
    height: auto !important
}

@media (min-aspect-ratio: 16/9) {
    .bg-full-video>video {
        height:300%;
        top: -100%
    }
}

@media (max-aspect-ratio: 16/9) {
    .bg-full-video>video {
        width:300%;
        left: -100%
    }
}

@supports (object-fit: cover) {
    .bg-full-video>video {
        top:0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover
    }
}

div .logo {
    float: left;
    margin-right: 20px
}

.logo,.logo a {
    display: block;
    height: 100%;
    position: relative;
    font-size: 22px;
    font-weight: 100;
    width: auto
}

.logo img {
    margin-top: -6px;
    max-height: 100%;
    width: auto
}

.logo a,.logo img {
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

.social-header {
    border-bottom-style: solid;
    border-bottom-width: 1px
}

.top-bar {
    font-size: 12px;
    line-height: 33px
}

.top-bar:before,.top-bar:after {
    display: table;
    content: " "
}

.top-bar:after {
    clear: both
}

.top-bar:before,.top-bar:after {
    display: table;
    content: " "
}

.top-bar:after {
    clear: both
}

.top-bar .dropdown-menu {
    left: -4px
}

.top-bar .tabdrop .dropdown-menu {
    left: auto;
    right: 0
}

#top-social {
    position: relative;
    height: 33px
}

#top-social ul {
    padding-left: 0
}

#top-social>ul {
    height: 33px
}

#top-social li {
    margin-left: 0;
    padding-left: 0
}

#top-social li,#top-social li a,#top-social li i,#top-social li .ts-text {
    display: inline-block;
    position: relative;
    width: 33px;
    height: 33px;
    line-height: 33px;
    text-align: center;
    -webkit-transition: ease .5s;
    -moz-transition: ease .5s;
    -o-transition: ease .5s;
    transition: ease .5s
}

#top-social li,#top-social li a,#top-social li .ts-text {
    float: left;
    width: auto;
    overflow: hidden
}

#top-social li .ts-text {
    opacity: 0
}

#top-social li a {
    width: 33px;
    line-height: 33px;
    border-right-width: 1px;
    border-right-style: solid;
    margin-left: 1px
}

#top-social li:last-child a {
    border-right: none
}

#top-social li:hover,#top-social li a:hover {
    text-decoration: none
}

#top-social li a:hover .ts-text {
    opacity: 1
}

#top-social li i {
    float: left
}

#top-social li.tabdrop {
    overflow: visible
}

#top-social .dropdown-menu li,#top-social .dropdown-menu li a,#top-social .dropdown-menu li .ts-text {
    opacity: 1;
    padding: 0
}

#top-social .dropdown-menu li,#top-social .dropdown-menu li a {
    width: 100%
}

#top-social .tabdrop:before {
    border-left-style: solid;
    border-left-width: 1px;
    content: "\e97c";
    display: block;
    font: 16px "fontello";
    height: 33px;
    margin-left: -1px;
    padding-top: 8px;
    pointer-events: none;
    position: absolute;
    text-align: center;
    transition: all .4s ease-in-out 0s;
    width: 35px;
    z-index: 12
}

#top-social>ul li.tabdrop a {
    border: none
}

#top-social>ul li.tabdrop.open .dropdown-menu a {
    width: 100% !important
}

a .link-icon {
    display: inline-block;
    margin: 0 10px
}

.top-menu>ul {
    margin: 0;
    padding: 0;
    text-align: right
}

.top-menu li {
    display: inline-block
}

.top-menu li.has-submenu {
    position: relative
}

.top-menu li>a {
    line-height: 33px;
    border-right-width: 1px;
    border-right-style: solid;
    display: inline-block;
    padding: 0 8px
}

.top-menu li:last-child>a {
    border-right: none
}

.top-menu .dropdown-menu a {
    border: none;
    display: block;
    line-height: 20px;
    padding: 5px 18px
}

.top-menu ul li ul {
    text-align: left
}

.top-menu .dropdown-menu {
    font-size: 12px;
    margin: 0;
    padding: 0;
    border: 1px solid #e5e5e5;
    border-radius: 0;
    box-shadow: 1px 1px 3px rgba(102,102,102,0.1);
    min-width: 160px
}

.top-menu .caret {
    margin-right: 6px
}

.top-menu .caret:after {
    top: 0
}

.top-menu .dropdown-menu li {
    display: block
}

.top-menu .dropdown-menu li:last-child {
    border-bottom: none
}

.top-menu .tabdrop:before {
    border-left-style: solid;
    border-left-width: 1px;
    content: "\e97c";
    display: block;
    font: 16px "fontello";
    height: 33px;
    padding-top: 7px;
    pointer-events: none;
    position: absolute;
    text-align: center;
    transition: all .4s ease-in-out 0s;
    width: 35px;
    z-index: 12
}

.top-menu .tabdrop>.dropdown-toggle {
    width: 35px
}

.top-menu li.bp-login-nav a:before,.top-menu li.bp-register-nav a:before {
    font-family: "fontello";
    float: left;
    display: inline-block;
    margin-right: 5px
}

.top-menu li.bp-login-nav a:before {
    content: "\e83b"
}

.top-menu li.bp-register-nav a:before {
    content: "\e82b"
}

.top-menu ul.dropdown-menu.pull-left ul.dropdown-menu.sub-menu {
    left: 100%
}

#header .is-sticky .kleo-main-header {
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden
}

#header .kleo-main-header>.container {
    animation-fill-mode: both;
    transition: all .3s ease-in-out 0s;
    -webkit-transition: all .3s ease-in-out 0s
}

.header-flexmenu #header .kleo-main-header>.container {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 100%
}

.navbar .kleo-main-header {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: 0;
    border-bottom-style: solid;
    border-bottom-width: 1px
}

@media (max-width: 991px) {
    .kleo-main-header {
        height:auto !important
    }

    #header .kleo-main-header>.container {
        flex-direction: column
    }

    .kleo-main-header .navbar-header {
        width: 100%
    }
}

@media (min-width: 991px) {
    #header .kleo-main-header>.container {
        font-size:xx-large
    }

    #header .kleo-main-header .navbar-header,#header .kleo-main-header .header-banner,#header .kleo-main-header .primary-menu,#header .kleo-main-header .secondary-menu {
        font-size: small
    }

    .kleo-main-header .caret:after {
        top: 0
    }

    .kleo-main-header .navbar-nav>li.flexMenu-viewMore>a>i {
        font-size: 230%;
        display: block
    }
}

.navbar {
    margin-bottom: 0;
    border: none
}

#header .navbar {
    min-height: 0
}

@media (min-width: 991px) {
    .kleo-main-header .nav.navbar-nav {
        line-height:normal;
        /* height:100%; */
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.navbar-header {
    -webkit-transform: translateZ(0)
}

.navbar-header .logo {
    float: left
}

.navbar-toggle {
    position: relative;
    float: none;
    padding: 9px 10px;
    margin-top: 0;
    margin-bottom: 8px;
    background-color: transparent;
    border-radius: 4px
}

.navbar-toggle:hover,.navbar-toggle:focus {
    background-color: red
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px
}

.navbar-collapse {
    box-shadow: none
}

.nav-collapse ul:first-child>li {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    /* height:100%; */
}

.navbar-nav>li>a {
    margin: 0;
    padding: 0;
    line-height: 20px;
    border-radius: 0
}

@media (min-width: 991px) {
    .navbar-nav>li>a {
        margin:0 12px;
        font-size: 12px
    }
}

.nav>li>a:hover,.nav>li>a:focus {
    background-color: transparent
}

.nav .open>a,.nav .open>a:hover,.nav .open>a:focus {
    background-color: transparent;
    border: none
}

.navbar .nav li a em,.widget_nav_menu li a em {
    border-radius: 2px;
    font: 10px Arial,Helvetica,sans-serif;
    padding: 1px 3px;
    font-style: normal
}

.navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-radius: 0;
    font-size: 12px
}

.btn-buy.btn-default:hover {
    cursor: pointer
}

.navbar-nav>li>a.btn-buy {
    padding: 0 12px;
    margin: 0
}

@media (min-width: 992px) {
    .navbar-nav a.kleo-bp-user-avatar {
        display:inline-block
    }
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    padding-left: 3px;
    vertical-align: middle;
    border: none;
    content: ""
}

.caret:after {
    font-family: "fontello";
    content: "\e8a1";
    position: absolute
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 190px;
    list-style: none;
    border-radius: 0;
    margin: 0;
    padding: 0;
    border-style: solid;
    border-width: 1px;
    box-shadow: 1px 1px 3px rgba(102,102,102,0.1)
}

.dropdown-menu li {
    display: block;
    border-bottom-style: solid;
    border-bottom-width: 1px
}

.dropdown-menu li a {
    padding: 7px 18px
}

.dropdown-menu li:last-child {
    border-bottom: none
}

.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus,.dropdown-submenu:hover>a,.dropdown-submenu:focus>a {
    text-decoration: none;
    background-image: none
}

.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus {
    color: #b6b5b5
}

.dropdown-submenu {
    position: relative
}

.dropdown-submenu>a .caret:after {
    content: "+";
    position: absolute;
    right: 16px;
    top: 50%;
    margin-top: -9px
}

.dropdown-submenu>.dropdown-menu {
    top: -1px;
    margin-top: 0;
    border-radius: 0
}

.dropdown-submenu.pull-left {
    float: none
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    border-radius: 0
}

.top-bar .dropdown-menu {
    z-index: 10001
}

.navbar .pull-right>li>.dropdown-menu:before,.navbar .nav>li>.dropdown-menu.pull-right:before {
    left: auto;
    right: 12px
}

.navbar .pull-right>li>.dropdown-menu:after,.navbar .nav>li>.dropdown-menu.pull-right:after {
    left: auto;
    right: 13px
}

.navbar .pull-right>li>.dropdown-menu .dropdown-menu,.navbar .nav>li>.dropdown-menu.pull-right .dropdown-menu {
    border-radius: 0;
    left: auto;
    margin-left: 0;
    right: 100%;
    font-size: 12px
}

.navbar .pull-left>li>.dropdown-menu .dropdown-menu,.navbar .nav>li>.dropdown-menu.pull-left .dropdown-menu {
    font-size: 12px;
    left: 100%
}

.kleo-main-header .btn {
    border-width: 2px;
    height: auto
}

@media (max-width: 991px) {
    .kleo-main-header .secondary-menu {
        margin-bottom:30px
    }
}

.navbar-full-width .primary-menu,.navbar-full-width .secondary-menu {
    padding: 0
}

.kleo-main-header.header-normal>.container {
    text-align: right
}

.kleo-main-header.header-normal>.container .primary-menu,.kleo-main-header.header-normal>.container .secondary-menu {
    text-align: left
}

.kleo-main-header.header-normal .logo>a {
    text-align: left
}

.kleo-main-header.header-normal .navbar-collapse {
    padding-right: 0
}

.kleo-main-header.header-normal .navbar-header {
    flex-grow: 1;
    flex-shrink: 0
}

.kleo-main-header a.btn-see-through {
    color: #333;
    border: 2px solid rgba(0,0,0,0.2)
}

.kleo-main-header a.btn-see-through:hover {
    border: 2px solid rgba(0,0,0,0.4)
}

.kleo-main-header a.btn-see-through .kleo-main-header a.btn-see-through span.caret:after {
    top: 14px
}

#header .header-centered.kleo-main-header>.container {
    display: block
}

.header-centered .navbar-collapse,.header-centered .navbar-collapse .navbar-nav {
    float: none !important
}

.header-centered .navbar-header {
    float: none;
    display: inline-block;
    width: 100%;
    text-align: center
}

.header-centered .navbar-header .logo {
    float: none;
    display: inline-block;
    margin: 0
}

.header-centered .navbar-header .logo>a {
    text-align: left
}

.header-centered .primary-menu {
    padding-right: 0
}

.header-centered .secondary-menu {
    padding-left: 0
}

@media (min-width: 991px) {
    .header-flexmenu .header-centered .menus-wrap {
        display:-webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        width: 100%
    }

    .header-centered .menus-wrap {
        text-align: center
    }

    .header-centered .menus-wrap .primary-menu .navbar-nav,.header-centered .menus-wrap .secondary-menu .navbar-nav {
        text-align: left
    }
}

@media (min-width: 991px) {
    #header .kleo-main-header.logo-to-right>.container {
        flex-direction:row-reverse
    }

    #header .kleo-main-header.logo-to-right .primary-menu {
        flex-grow: 1
    }

    #header .kleo-main-header.logo-to-right .secondary-menu {
        float: left;
        margin-right: 15px
    }

    .kleo-main-header.logo-to-right .navbar-collapse {
        padding-left: 0
    }

    .kleo-main-header.logo-to-right .logo {
        margin-right: 0
    }

    .logo-to-right .navbar-header {
        float: right
    }

    .logo-to-right .navbar-nav>li:first-child>a {
        margin-left: 0
    }
}

#header .header-left.kleo-main-header>.container {
    flex-wrap: wrap
}

.header-left .logo a,.header-left .logo img {
    -moz-transition: .001s all ease-out;
    -webkit-transition: .001s all ease-out;
    -o-transition: .001s all ease-out;
    transition: .001s all ease-out
}

.kleo-main-header.header-left .menus-wrap {
    clear: both
}

.kleo-main-header.header-left .header-banner {
    min-width: 70%;
    flex-grow: 1;
    text-align: right
}

.kleo-main-header.header-left .header-banner img {
    margin: 0;
    max-height: 100%;
    width: auto
}

.kleo-main-header.header-left .primary-menu {
    flex-grow: 1
}

.kleo-main-header.header-left .secondary-menu {
    padding-right: 0;
    float: right !important
}

.kleo-main-header.header-left .secondary-menu a.btn:last-child {
    margin-right: 0
}

.kleo-main-header.header-left .navbar-collapse {
    float: none;
    clear: both;
    padding-left: 0
}

.kleo-main-header.header-left .navbar-nav>li:first-child>a {
    margin-left: 0
}

.kleo-main-header.header-left.header-scrolled .navbar-collapse {
    clear: none
}

.kleo-main-header.header-left.header-scrolled .navbar-nav>li:first-child>a {
    margin-left: 20px
}

.kleo-main-header.header-left.header-scrolled .header-banner {
    display: none
}

#header .header-left.kleo-main-header.header-scrolled>.container {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: nowrap;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

@media (min-width: 991px) {
    .header-flexmenu .header-left .menus-wrap {
        display:-webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }

    .header-flexmenu .header-left .primary-menu .navbar-nav,.header-flexmenu .header-left .secondary-menu .navbar-nav {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    #header .kleo_ajax_results {
        overflow-y: auto;
        max-height: 500px;
        max-height: 70vh
    }
}

.kleo-main-header,.kleo-main-header li.menu-item {
    z-index: 1599
}

.kleo-main-header li.menu-item.open .dropdown-menu,.kleo-main-header li .kleo-toggle-submenu {
    z-index: 1600
}

.social-header {
    z-index: 1600
}

.kleo-main-header.header-extras .primary-menu {
    flex-grow: 1
}

.kleo-main-header.header-extras .secondary-menu {
    float: right
}

.kleo-main-header .btn {
    padding: 14px 20px;
    font-size: 16px;
    line-height: 1.33 !important;
    border-radius: 4px;
    margin: 5px 0
}

.kleo-main-header .nav>li>a.btn-buy {
    transition: background-color .4s ease
}

.kleo-main-header .nav>li>a.btn:hover,.kleo-main-header .nav>li>a.btn-buy:hover {
    box-shadow: none
}

@media (min-width: 991px) {
    .kleo-main-header .btn {
        margin:0 5px
    }
}

@media (min-width: 991px) {
    #header .header-split.kleo-main-header>.container {
        display:-webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        justify-content: center;
        height: 100%
    }

    .header-split.kleo-main-header .logo {
        margin-right: 0
    }

    .header-split.kleo-main-header .navbar-header {
        display: flex;
        order: 2;
        flex: 1 1 12%;
        justify-content: center
    }

    .header-split.kleo-main-header .primary-menu {
        display: flex !important;
        order: 1;
        flex: 1 1 44%;
        justify-content: flex-end
    }

    .header-split.kleo-main-header .secondary-menu {
        display: flex;
        order: 3;
        flex: 1 1 44%;
        justify-content: flex-start
    }
}

@media (min-width: 991px) {
    #header .kleo-main-header.header-lp>.container {
        text-align:center;
        justify-content: center
    }

    .header-lp.kleo-main-header .primary-menu .navbar-nav,.header-lp.kleo-main-header .secondary-menu .navbar-nav {
        text-align: left
    }

    .header-lp.kleo-main-header .logo {
        margin-right: 0
    }

    .header-flexmenu .header-lp.kleo-main-header .navbar-header {
        display: flex;
        justify-content: start;
        flex-shrink: 0
    }

    .header-flexmenu .header-lp.kleo-main-header .primary-menu {
        display: flex !important;
        justify-content: center;
        flex-grow: 1
    }

    .header-flexmenu .header-lp.kleo-main-header .secondary-menu {
        display: flex !important;
        justify-content: flex-end
    }

    .header-lp.kleo-main-header .secondary-menu {
        float: right
    }

    .header-lp.kleo-main-header .secondary-menu.navbar-collapse {
        padding-right: 0
    }
}

.navbar-transparent a.btn-see-through {
    border: 2px solid rgba(255,255,255,0.8)
}

.navbar-transparent a.btn-see-through:hover {
    background: transparent;
    border: 2px solid rgba(255,255,255,0.4)
}

.kleo-main-header .nav li.kleo-megamenu {
    position: static
}

.kleo-main-header .nav li.kleo-megamenu ul .caret {
    opacity: 0;
    display: none
}

.kleo-main-header .nav li.kleo-megamenu>.dropdown-menu {
    width: 100%;
    max-width: 1024px;
    padding: 20px 10px;
    margin: auto;
    position: absolute;
    right: 0;
    margin-top: -1px !important
}

.navbar-full-width .kleo-main-header .nav li.kleo-megamenu.mega-5-cols>.dropdown-menu,.navbar-full-width .kleo-main-header .nav li.kleo-megamenu.mega-6-cols>.dropdown-menu {
    max-width: 100%
}

.is-sticky .kleo-main-header .nav li.kleo-megamenu>.dropdown-menu {
    margin-top: 0 !important
}

.kleo-main-header .nav li.kleo-megamenu>ul.dropdown-menu>li {
    display: inline-block;
    float: left
}

.kleo-main-header .nav li.kleo-megamenu.mega-2-cols>ul.dropdown-menu>li {
    width: 50%
}

.kleo-main-header .nav li.kleo-megamenu.mega-3-cols>ul.dropdown-menu>li {
    width: 33.3%
}

.kleo-main-header .nav li.kleo-megamenu.mega-4-cols>ul.dropdown-menu>li {
    width: 25%
}

.kleo-main-header .nav li.kleo-megamenu.mega-5-cols>ul.dropdown-menu>li {
    width: 20%
}

.kleo-main-header .nav li.kleo-megamenu.mega-6-cols>ul.dropdown-menu>li {
    width: 16.4%
}

.kleo-main-header .nav li.kleo-megamenu.mega-2-cols,.kleo-main-header .nav li.kleo-megamenu.mega-3-cols {
    position: relative
}

.kleo-main-header .nav li.kleo-megamenu.mega-2-cols>.dropdown-menu {
    width: 400px;
    margin-left: -200px
}

.kleo-main-header .nav li.kleo-megamenu.mega-3-cols>.dropdown-menu {
    margin-left: -320px;
    width: 640px
}

.kleo-main-header .nav li.kleo-megamenu .dropdown-submenu ul {
    display: inline-block;
    width: 100%;
    float: left
}

.kleo-main-header .nav li.kleo-megamenu .dropdown-submenu>a {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 11px
}

.kleo-main-header .nav li.kleo-megamenu .dropdown-submenu .dropdown-menu {
    display: block !important;
    position: relative;
    box-shadow: none;
    border: none;
    left: 0
}

.navbar-transparent .kleo-main-header .nav li.kleo-megamenu .dropdown-submenu ul {
    background-color: transparent
}

.navbar-transparent.navbar-hover-opacity .kleo-main-header:hover {
    background: rgba(0,0,0,0.2)
}

.kleo-mobile-icons {
    display: none
}

.kleo-toggle-menu .notify-items {
    position: relative
}

.kleo-mobile-switch {
    float: right
}

.navbar-transparent .navbar {
    border-bottom: none
}

.navbar-transparent .navbar .kleo-main-header {
    background-color: rgba(0,0,0,0)
}

.navbar-transparent .header-color,.navbar-transparent .header-color .kleo-main-header {
    background-image: none
}

.navbar-transparent .navbar .kleo-main-header.header-scrolled {
    background-color: rgba(0,0,0,0.4)
}

.navbar-transparent.on-light-bg .navbar .kleo-main-header.header-scrolled {
    transition: background-color .5s ease;
    background-color: #fff
}

.navbar-transparent.on-dark-bg #header .logo a,.navbar-transparent.on-dark-bg .navbar .navbar-nav>li>a,.navbar-transparent.on-dark-bg .navbar .navbar-nav .caret:after {
    color: #fff
}

.social-header.header-color {
    background-image: none
}

.navbar-transparent .navbar-nav>li>.dropdown-menu li,.navbar-transparent .navbar-nav>li>.dropdown-menu .dropdown-menu li {
    border-bottom-color: rgba(255,255,255,0.1) !important
}

.navbar-transparent .navbar-nav>li>.dropdown-menu li>a:hover,.navbar-transparent .navbar-nav>li>.dropdown-menu li>a:focus,.navbar-transparent .dropdown-submenu:hover>a,.navbar-transparent .dropdown-submenu:focus>a,.navbar-transparent .dropdown-menu>.active>a {
    background-color: rgba(0,0,0,0.1) !important
}

.navbar-transparent .navbar-nav>li>.dropdown-menu,.navbar-transparent .navbar-nav>li>.dropdown-menu .dropdown-menu {
    box-shadow: none;
    background-color: rgba(0,0,0,0.6);
    border-color: transparent
}

.navbar-transparent .navbar-toggle .icon-bar {
    background-color: #fff !important
}

.navbar-transparent.on-light-bg .navbar-toggle .icon-bar {
    background-color: #000 !important
}

.navbar-transparent .sticky-wrapper {
    height: auto !important
}

.navbar-transparent:not(.kleo-navbar-fixed) #header {
    position: absolute;
    width: 100%;
    background: transparent;
    z-index: 1
}

.kleo-navbar-fixed .kleo-main-header {
    right: 0;
    left: 0;
    border-width: 0 0 1px
}

.kleo-navbar-fixed .kleo-main-header.header-scrolled {
    border: 0;
    box-shadow: 0 0 10px rgba(0,0,0,0.1)
}

.kleo-navbar-fixed .navbar {
    margin-left: auto !important;
    margin-right: auto !important;
    left: 0 !important;
    right: 0 !important
}

.kleo-navbar-fixed .social-header {
    position: relative
}

.js .navbar-resize .navbar-nav {
    padding-top: inherit
}

.kleo-navbar-fixed .navbar {
    top: 0;
    z-index: 30
}

.kleo-navbar-fixed.navbar-transparent #header {
    min-height: 0;
    position: fixed;
    width: 100%;
    z-index: 100;
    background-color: transparent
}

.kleo-navbar-fixed.navbar-transparent .kleo-main-header {
    border: none;
    transition: background-color .5s ease 0s
}

.kleo-navbar-fixed.navbar-transparent .page-boxed #header {
    max-width: 1440px
}

#nav-menu-item-search {
    position: relative
}

#ajax_search_container {
    padding: 0 0 5px;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
    z-index: 9999;
    position: absolute;
    width: 300px;
    left: -250px;
    box-shadow: 2px 2px 3px rgba(102,102,102,0.1);
    top: 100%;
    line-height: 1.2em
}

#ajax_search_container:before {
    position: absolute;
    display: block;
    content: "";
    top: -8px;
    right: 20px;
    width: 14px;
    height: 14px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    border-style: solid;
    border-width: 1px;
    border-right: none;
    border-bottom: 0
}

#nav-menu-item-search .icon-search:before {
    content: '\e9b6' !important
}

.logo-to-right #ajax_search_container {
    left: auto;
    right: -250px
}

.logo-to-right #ajax_search_container:before {
    right: auto;
    left: 20px
}

#ajax_searchform {
    padding: 20px 10px 0;
    line-height: 20px
}

.kleo_ajax_results {
    text-align: center;
    padding: 10px 0 20px
}

.kleo_ajax_results h4,.kleo_ajax_entry {
    text-align: left
}

.kleo_ajax_results h4 {
    font-size: 11px;
    font-weight: bold;
    height: 12px;
    text-transform: uppercase;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    margin: 0 0 10px
}

.kleo_ajax_results h4 span {
    position: relative;
    top: -2px;
    letter-spacing: .2em;
    text-transform: uppercase;
    padding: 0 8px;
    margin-left: 5px
}

.searchHidden {
    display: none
}

.kleo_ajax_entry {
    padding: 5px 5px 5px 10px;
    display: table;
    width: 100%
}

.kleo_ajax_entry .search_excerpt {
    font-size: 12px
}

.kleo_ajax_entry .ajax_search_image .icon {
    width: 44px;
    height: 44px;
    display: inline-block;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background: #f7f7f7
}

.kleo_ajax_entry:last-child {
    border: none
}

.ajax_not_found {
    font-style: italic;
    padding: 0
}

.ajax_search_content {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    padding-left: 10px
}

.ajax_search_content .search_title {
    display: inline-block;
    float: left;
    width: 100%;
    line-height: 18px
}

.ajax_search_content .search_excerpt {
    display: inline-block;
    float: left;
    line-height: 16px
}

.ajax_search_image {
    width: 44px !important;
    height: 44px;
    line-height: 44px;
    text-align: center;
    display: table-cell
}

.ajax_search_image img {
    width: 100%
}

.ajax_search_image img.attachment-thumbnail {
    border-radius: 100%;
    width: 44px
}

.ajax_search_image img.attachment-thumbnail.wp-post-image {
    height: 100%
}

.ajax_view_all {
    margin: 5px 0 10px;
    padding: 6px 20px;
    display: inline-block;
    text-transform: uppercase;
    border-style: solid;
    border-width: 1px;
    border-radius: 4px
}

a.ajax_view_all:after {
    font-family: "fontello";
    font-size: 11px;
    content: "\e8ab";
    margin-left: 10px
}

.kleo-ajax-search-loading {
    display: none;
    position: absolute;
    right: 20px;
    top: 27px;
    width: auto
}

.kleo-loading-icon:before {
    content: "\e9a4";
    font-family: 'fontello';
    display: inline-block;
    animation: 2s linear 0s normal none infinite spin
}

.kleo-visible {
    display: inline-block !important
}

.show_search_pop {
    -webkit-animation: show_search_pop .3s 1 cubic-bezier(.175, .885, .32, 1.275);
    -moz-animation: show_search_pop .3s 1 cubic-bezier(.175, .885, .32, 1.275);
    -o-animation: show_search_pop .3s 1 cubic-bezier(.175, .885, .32, 1.275);
    animation: show_search_pop .3s 1 cubic-bezier(.175, .885, .32, 1.275)
}

.has-google-search-box .sticky-wrapper {
    z-index: 1490;
    position: relative
}

.has-google-search-box li#nav-menu-item-search {
    z-index: 1501
}

.has-google-search-box .header-color input.gsc-input {
    color: #000;
    font-size: 14px
}

.has-google-search-box .cse .gsc-search-button input.gsc-search-button-v2,.has-google-search-box input.gsc-search-button-v2 {
    width: auto;
    height: auto
}

.has-google-search-box .gscb_a {
    font-size: 22px;
    line-height: 19px
}

.has-google-search-box .kleo-search-wrap.show_search_pop {
    padding: 10px
}

.kleo-toggle-menu {
    position: relative
}

.kleo-main-header .navbar-collapse ul.kleo-toggle-submenu * {
    line-height: normal
}

.kleo-toggle-menu .caret {
    display: none
}

.kleo-toggle-menu .kleo-toggle-submenu {
    position: absolute;
    padding: 0;
    display: none;
    list-style: none;
    width: 300px;
    top: 100%;
    left: auto;
    right: -10px;
    z-index: 2;
    border-style: solid;
    border-width: 1px;
    box-shadow: 2px 2px 3px rgba(102,102,102,0.1);
    border-radius: 0 0 3px 3px;
    transition: all .3s ease-in-out 0s
}

.navbar-transparent .kleo-toggle-menu .kleo-toggle-submenu {
    border-color: transparent !important
}

.kleo-toggle-menu .kleo-toggle-submenu:before {
    position: absolute;
    display: block;
    content: "";
    top: -8px;
    right: 20px;
    width: 14px;
    height: 14px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    border-style: solid;
    border-width: 1px;
    border-right: none;
    border-bottom: 0;
    z-index: 999
}

.logo-to-right .kleo-toggle-menu .kleo-toggle-submenu {
    right: auto;
    left: -10px
}

.logo-to-right .kleo-toggle-menu .kleo-toggle-submenu:before {
    right: auto;
    left: 10px
}

.kleo-toggle-menu a.remove {
    position: absolute;
    right: 15px;
    top: 13px;
    border-style: solid;
    border-width: 1px;
    border-radius: 2px;
    padding: 0 5px;
    display: inline-block
}

.kleo-toggle-submenu .submenu-inner {
    font-size: 12px;
    padding-left: 0;
    word-wrap: break-word;
    max-height: 450px;
    overflow-y: auto;
    line-height: normal
}

.kleo-toggle-submenu .kleo-submenu-item {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    clear: both;
    overflow: hidden;
    padding: 10px;
    position: relative;
    transition: all .5s ease 0s;
    width: 100%
}

.kleo-toggle-submenu .kleo-submenu-item:last-child {
    border-bottom: none
}

.kleo-toggle-submenu .kleo-submenu-item a.remove {
    top: 10px
}

.kleo-toggle-menu.kleo-loading a span.kleo-notifications {
    display: none
}

.kleo-toggle-menu .minicart-buttons {
    padding: 15px
}

.kleo-toggle-menu .minicart-buttons a.btn {
    padding: 6px 10px;
    font-size: 13px;
    text-overflow: ellipsis;
    max-width: 150px;
    overflow: hidden
}

.kleo-toggle-menu .minicart-buttons .btn-default:hover {
    background: transparent !important
}

.kleo-toggle-menu.kleo-loading>a:after {
    content: "\e997";
    font-family: "fontello";
    animation: 2s linear 0s normal none infinite spin;
    display: inline-block;
    position: absolute;
    top: -7px;
    right: 0
}

.kleo-toggle-menu.open .kleo-toggle-submenu {
    display: block
}

.kleo-notifications-nav ul {
    counter-reset: section
}

.kleo-notifications-nav ul.submenu-inner li {
    padding-left: 26px
}

.kleo-notifications-nav ul.submenu-inner.has-notif li:before {
    counter-increment: section;
    content: counter(section);
    font-size: 24px;
    margin-right: 10px;
    position: absolute;
    left: 5px;
    top: 2px
}

.notify-contents {
    position: relative
}

.kleo-notifications-nav li>.sa-notification,.kleo-notifications-nav li>.notification {
    margin-top: 0 !important;
    padding-bottom: 0 !important;
    height: auto !important;
    padding-left: 0 !important;
    width: 100%
}

.kleo-notifications-nav .social-delete {
    display: none
}

.no-alert {
    display: none !important
}

.kleo-notifications {
    border-radius: 100%;
    display: inline;
    font-size: 10px;
    font-weight: bold;
    line-height: 19px;
    position: absolute;
    right: -11px;
    text-shadow: none;
    top: 50%;
    margin-top: -22px;
    width: 20px;
    height: 20px;
    text-align: center
}

@media screen and (min-width: 991px) {
    .header-overflow .kleo-main-header,.header-overflow .kleo-main-header .navbar-collapse {
        overflow:hidden !important
    }

    .flexMenu-popup li a {
        line-height: normal !important
    }

    .kleo-main-header .flexMenu-popup .caret:after {
        top: 11px
    }
}

@media screen and (max-width: 400px) {
    .navbar-header .logo {
        float:none;
        text-align: left
    }
}

@media screen and (max-width: 480px) {
    .navbar-header .logo {
        float:none;
        text-align: left
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .logo {
        text-align:center
    }

    .logo img {
        margin: 0 auto
    }

    .navbar-header {
        float: none
    }
}

@media (max-width: 991px) {
    .sticky-wrapper {
        height:auto !important;
        margin-top: -1px
    }

    .container>.navbar-header,.container>.navbar-collapse {
        margin-left: 0;
        margin-right: 0
    }

    .navbar-nav {
        margin: 0
    }

    .navbar-nav .open .dropdown-menu>li>a {
        line-height: 20px
    }

    .kleo-main-header,.navbar-transparent .kleo-main-header,.kleo-navbar-fixed.navbar-transparent #header {
        position: relative !important;
        top: auto
    }

    .kleo-main-header .navbar-toggle {
        display: inline-block;
        margin-right: 0
    }

    .kleo-main-header .navbar-collapse {
        max-height: inherit;
        padding: 0;
        width: 100%
    }

    .kleo-main-header .navbar-collapse>ul>li>a,.header-banner {
        line-height: normal !important
    }

    .kleo-main-header .logo:not('.logo-retina') img,.kleo-main-header .logo:not('.logo-retina') a {
        max-height: 100% !important
    }

    .kleo-main-header .navbar-collapse.collapse {
        display: none !important
    }

    #header .navbar-nav {
        float: none
    }

    #header .navbar-nav li {
        display: inline-block;
        width: 100%
    }

    #header .navbar-nav li a {
        padding: 10px 0;
        text-transform: capitalize
    }

    #header .navbar-nav li a.btn {
        padding: 14px 20px
    }

    #header .navbar-nav li a.btn-buy.btn-default {
        padding-left: 10px;
        padding-right: 10px
    }

    #header .navbar-nav>li>a {
        font-weight: bold;
        text-transform: uppercase
    }

    #header .navbar-nav li:last-child {
        border-bottom: none
    }

    #header .navbar-nav .dropdown-menu {
        position: relative;
        background-color: transparent;
        margin: 0;
        padding: 0;
        float: none;
        width: 100%;
        box-shadow: none;
        border: none;
        z-index: 0 !important
    }

    #header .navbar-nav .dropdown-menu li a {
        font-weight: normal;
        font-size: 12px
    }

    #header .navbar-nav .dropdown-menu li>a:before {
        font-family: "fontello";
        content: "\00a0";
        display: block;
        width: 20px;
        height: 10px;
        float: left;
        margin: 0
    }

    #header .navbar-nav .dropdown-submenu .dropdown-menu {
        left: 0;
        top: 0;
        border-bottom: none;
        margin-bottom: 0
    }

    .kleo-main-header .navbar-nav>li>.dropdown-menu {
        margin-top: 0 !important
    }

    #header .navbar-nav .dropdown-submenu .dropdown-menu li:last-child {
        border-bottom: none
    }

    #header .navbar-nav .dropdown-submenu .dropdown-menu li a:before {
        content: "\00a0 \00a0";
        width: 30px
    }

    #header .navbar-nav li .caret {
        float: right
    }

    #header .navbar-nav li .caret:after {
        font-family: "fontello";
        content: "\e982";
        font-size: 18px;
        display: inline-block;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        right: 0;
        top: 0
    }

    #header i.icon-basket-full-alt:before {
        content: "\ea0a" !important
    }

    #header .navbar-nav li.dropdown.open>a .caret:after,#header .navbar-nav li.dropdown-submenu.open>a .caret:after {
        content: "\e983"
    }

    #header .navbar-nav .dropdown-menu li>a:hover,#header .navbar-nav .dropdown-menu li>a:focus,#header .navbar-nav .dropdown-submenu:hover>a,#header .navbar-nav .dropdown-submenu:focus>a,#header .navbar-nav .dropdown-menu>.active>a {
        background: none
    }

    .logo-to-right .navbar-header {
        float: none
    }

    .logo-to-right .kleo-mobile-switch {
        float: left
    }

    .logo-to-right .kleo-mobile-icons {
        float: left
    }

    .logo-to-right .navbar-header .logo {
        float: right;
        margin-right: 0
    }

    .header-centered .navbar-header {
        display: block
    }

    .header-centered.kleo-main-header {
        text-align: left
    }

    .kleo-main-header.header-left .header-banner {
        text-align: center
    }

    #top-social {
        border-bottom-style: solid;
        border-bottom-width: 1px
    }

    #top-social>ul li a,.top-menu>ul li a {
        border: none
    }

    #top-social .tabdrop:before,.top-menu .tabdrop:before {
        border-left: none
    }

    #top-social .tabdrop .dropdown-menu {
        margin-top: -1px
    }

    .kleo-main-header,.navbar-transparent .kleo-main-header,.kleo-navbar-fixed.navbar-transparent #header {
        position: relative !important;
        top: auto !important;
        background-color: #000
    }

    .kleo-navbar-fixed.navbar-transparent.on-light-bg #header {
        background-color: #fff
    }

    .navbar-transparent #menu-kleonavmenu li {
        border-bottom-color: rgba(255,255,255,0.1) !important
    }

    .navbar-transparent #menu-kleonavmenu li:first-child {
        border-top-color: rgba(255,255,255,0.1) !important
    }

    .navbar-transparent #menu-kleonavmenu li .caret:after {
        color: rgba(255,255,255,0.2) !important
    }

    .navbar-transparent.on-dark-bg:not(.kleo-navbar-fixed) #header {
        background: #000
    }

    .navbar-transparent.on-dark-bg .navbar .kleo-main-header {
        box-shadow: 0 5px 15px rgba(0,0,0,0.1)
    }

    .navbar-transparent.on-dark-bg #ajax_searchform {
        background-color: #000
    }

    .navbar-transparent.on-light-bg:not(.kleo-navbar-fixed) #header {
        background: #fff
    }

    .navbar-transparent.on-light-bg .navbar .kleo-main-header {
        box-shadow: 0 5px 15px rgba(191,191,191,0.1)
    }

    .navbar-transparent.on-light-bg a.btn-see-through {
        border: 2px solid rgba(0,0,0,0.2)
    }

    .navbar-transparent.on-light-bg #ajax_searchform {
        background-color: #fff
    }

    .navbar-transparent.on-light-bg #ajax_searchform .form-control {
        color: inherit
    }

    .navbar-transparent.on-light-bg input.form-control[type=text] {
        border-color: #e5e5e5
    }

    .kleo-main-header .nav li.kleo-megamenu {
        position: relative
    }

    #header .navbar-nav li.kleo-megamenu .dropdown-submenu:not(.open) .dropdown-menu {
        display: none !important
    }

    .kleo-main-header .nav li.kleo-megamenu .dropdown-submenu.open .dropdown-menu {
        display: block !important
    }

    #header .navbar-nav li.kleo-megamenu .caret {
        opacity: 1;
        display: inline-block;
        margin-top: -10px
    }

    .kleo-mobile-icons {
        display: inline-block;
        float: right;
        margin-top: -4px
    }

    .kleo-toggle-menu,.kleo-toggle-menu .kleo-toggle-submenu {
        display: none !important
    }

    .kleo-mobile-icons a {
        color: #fff;
        margin-right: 20px;
        font-size: 20px
    }

    .kleo-mobile-icons .cart-items {
        position: relative
    }

    .kleo-mobile-icons .cart-items span,.kleo-mobile-icons .notify-items span {
        border-radius: 100%;
        display: inline-block;
        font-size: 10px;
        text-align: center;
        position: absolute;
        top: -7px;
        right: -8px;
        width: 20px;
        height: 20px;
        line-height: 19px
    }

    .kleo-mobile-icons .notify-items span {
        margin-top: 0
    }

    .navbar-transparent .kleo-mobile-icons a {
        color: #fff
    }

    .navbar-transparent.on-light-bg .kleo-mobile-icons a {
        color: #000
    }

    a.search-trigger {
        display: none !important
    }

    #ajax_search_container:before {
        display: none
    }

    #ajax_search_container {
        background-color: transparent;
        border-radius: 0;
        border: none;
        z-index: 9999;
        position: relative;
        width: auto;
        left: inherit;
        box-shadow: none;
        top: inherit;
        line-height: inherit;
        display: block;
        padding: 0
    }

    .logo-to-right #ajax_search_container {
        right: inherit
    }

    .kleo-ajax-search-loading {
        right: 20px;
        top: 18px
    }

    #ajax_searchform {
        padding: 10px 0
    }

    a.ajax_view_all {
        padding: 14px 20px !important
    }

    #ajax_searchform input[type="text"] {
        margin: 0
    }

    .navbar-transparent input.form-control[type=text] {
        border-color: rgba(255,255,255,0.2)
    }

    .navbar-transparent #ajax_searchform {
        background-color: #222
    }

    .navbar-transparent #ajax_searchform .form-control {
        background-color: transparent;
        color: #fff
    }

    .kleo-main-header .nav>li>a:hover,.kleo-main-header .nav>li.active>a {
        box-shadow: none !important
    }
}

@-webkit-keyframes show_search_pop {
    0% {
        -webkit-transform: scale(.8)
    }

    100% {
        -webkit-transform: scale(1)
    }
}

@-moz-keyframes show_search_pop {
    0% {
        -moz-transform: scale(.8)
    }

    100% {
        -moz-transform: scale(1)
    }
}

@-o-keyframes show_search_pop {
    0% {
        -o-transform: scale(.8)
    }

    100% {
        -o-transform: scale(1)
    }
}

@keyframes show_search_pop {
    0% {
        transform: scale(.8)
    }

    100% {
        transform: scale(1)
    }
}

.modal {
    overflow-y: hidden;
    position: absolute
}

body.modal-open {
    margin-right: 0 !important
}

.modal {
    min-height: 600px;
    top: calc(50% - 300px) !important
}

.modal-lg {
    margin-top: 60px;
    width: 800px
}

.mfp-bg {
    opacity: 0;
    transition: opacity 200ms ease-out 0s
}

.mfp-wrap .mfp-container {
    padding: 10px
}

.kleo-mfp-zoom .mfp-content {
    opacity: 0;
    transform: scale(.5);
    transform-origin: center top 0;
    transition: all .3s ease-in-out 0s
}

.kleo-mfp-zoom.mfp-ready .mfp-content {
    opacity: 1;
    transform: scale(1)
}

.kleo-mfp-zoom.mfp-removing .mfp-content {
    opacity: 0;
    transform: scale(.8)
}

.kleo-mfp-zoom.mfp-bg .mfp-content {
    opacity: 0;
    transition: opacity .3s ease-out 0s
}

.kleo-mfp-zoom.mfp-ready.mfp-bg .mfp-content {
    opacity: .8
}

.kleo-mfp-zoom.mfp-removing.mfp-bg .mfp-content {
    opacity: 0
}

.mfp-container .mfp-content {
    width: auto
}

.mfp-container .mfp-figure:after {
    background: none;
    box-shadow: none
}

.kleo-form-modal {
    background: none repeat scroll 0 0 #ffffff;
    margin: 0 auto;
    max-width: 400px;
    position: relative;
    width: 90%
}

.kleo-form-signin {
    padding: 0 20px 10px 20px
}

.kleo-form-register {
    padding: 0 20px 10px 20px
}

.kleo-pop-title-wrap {
    padding: 20px 0
}

.kleo-pop-title {
    margin: 0
}

.kleo-form-modal .kleo-facebook-connect {
    border-radius: 4px;
    font-size: 16px;
    line-height: 1.33;
    padding: 14px 20px
}

#kleo-login-result,#kleo-lost-result {
    clear: both;
    margin: 10px 0
}

.kleo-other-action {
    margin-top: 10px
}

.wrong-response {
    color: red
}

.good-response {
    color: green
}

.kleo-form-modal .kleo-fb-wrapper {
    background: #3B5997;
    padding: 50px 0
}

.kleo-form-modal .mfp-close {
    color: #3498DB !important
}

.kleo-form-modal .kleo-facebook-connect.btn.btn-default {
    background-color: transparent;
    color: #fff;
    border-color: rgba(255,255,255,0.3);
    border-width: 2px
}

.kleo-form-modal .kleo-facebook-connect.btn.btn-default:hover {
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.18)
}

.kleo-form-modal .kleo-form-signin #forgot-email {
    margin-top: 30px
}

.kleo-form-modal .hr-title {
    display: none
}

#footer {
    font-weight: 300
}

#footer ul {
    padding-left: 0;
    margin-bottom: 0
}

#footer li {
    list-style: none
}
#footer li:last-child a{ border-bottom-width:0px;}
#footer .widget_nav_menu a{
 border-top-width:0px;
}
#footer .list-unstyled li {
    padding-bottom: 5px
}

#footer a i {
    color: #777
}

#footer a:hover i {
    color: #999
}

#footer .btn-app {
    color: #777;
    margin-right: 5px;
    margin-bottom: 5px
}

#footer .widget-title {
    margin-bottom: 14px;
    background-image: none
}

#footer .btn-app.btn-primary {
    background: #252525
}

#footer .ordered-list.colored-icons li:before {
    color: #fff
}

#footer .input-group {
    margin-bottom: 10px
}

#footer .input-group input[type="text"] {
    background: #252525;
    border: 1px solid #333;
    color: #777
}

#footer .input-group-btn .btn-default {
    background: #777;
    border: 1px solid #777;
    color: #fafafa
}

#footer .form-control:focus {
    border-color: #777 !important;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

#footer .widget {
    margin-bottom: 30px
}

.kleo-block:before,.kleo-block:after {
    display: table;
    content: " "
}

.kleo-block:after {
    clear: both
}

.news-content {
    padding-bottom: 10px;
    padding-top: 9px;
    float: none;
    clear: both
}

.news-content:first-child {
    padding-top: 0
}

.news-content.list-divider:first-child {
    border: none;
    padding-top: 10px
}

.news-thumb {
    clear: both;
    display: inline-block;
    float: left;
    margin-bottom: 5px;
    margin-right: 10px
}

.news-thumb:empty {
    display: none
}

.news-thumb img {
    width: 40px;
    height: 40px;
    border-radius: 100%
}

.news-headline {
    display: block
}

.news-time {
    display: block
}

.tagcloud {
    display: inline-block
}

@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
    .footer-bottom {
        overflow: visible !important
    }

    .footer-bottom .kleo-page #main {
        flex: 1 0 auto !important
    }
}

#socket {
    position: relative
}

#socket .template-page {
    padding: 0
}

.masonry-listing .post-title {
    margin-left: -13px;
    margin-bottom: 10px;
    padding-left: 10px
}

.masonry-listing .post-image img {
    width: 100%
}

.masonry-listing article .post-header .post-meta .meta-author,.masonry-listing article .article-meta .post-meta .meta-author {
    width: auto;
    height: auto
}

section.alternate-color .masonry-listing .post-title {
    margin-left: -10px
}

.masonry-listing .post-footer {
    border-top-style: solid;
    border-top-width: 1px
}

.masonry-listing .post-content {
    border-style: solid;
    border-width: 1px;
    border-left-width: 3px
}

section.alternate-color .masonry-listing .post-content {
    border-width: 0
}

.masonry-listing .post-content:hover {
    box-shadow: 0 0 6px rgba(0,0,0,0.1)
}

.masonry-listing .format-link .inner-content {
    margin-left: -3px;
    padding-left: 10px
}

.masonry-listing .format-video .fluid-width-video-wrapper {
    margin-right: -3px;
    width: 100%
}

.masonry-listing .format-video .post-title {
    border-left: 3px solid #07baf4
}

.masonry-listing .format-standard .post-title {
    border-left: 3px solid #8a52ad
}

.masonry-listing .format-image .post-title {
    border-left: 3px solid #fc604a
}

.masonry-listing .format-gallery .post-title {
    border-left: 3px solid #43ae9e
}

.masonry-listing .format-audio .post-title {
    border-left: 3px solid #367bb7
}

.masonry-listing .format-status .inner-content {
    margin-top: 10px;
    border-left: 3px solid #ed005a
}

.masonry-listing .format-link .inner-content {
    margin-top: 10px;
    border-left: 3px solid #00c5c4
}

.masonry-listing .format-quote,.masonry-listing .format-quote .post-footer a,.masonry-listing .format-quote .post-footer a .muted {
    color: #fff
}

.masonry-listing .format-quote .post-content {
    padding-top: 20px;
    border: none
}

.masonry-listing .format-quote .post-footer {
    border: none
}

.masonry-listing .format-quote .inner-content {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: .1em;
    font-style: italic;
    margin-left: 40px
}

.masonry-listing .format-quote .inner-content:before {
    font: 160% "fontello";
    content: "\e854";
    color: #fff;
    margin-left: -30px;
    float: left
}

.masonry-listing .format-aside .post-title {
    border-left: 3px solid #ee2534
}

.masonry-listing .featured-content .post-header {
    background: #f7f7f7
}

.masonry-listing .featured-content .post-header:before {
    border-color: #f7f7f7
}

.featured-content .kleo-carousel .post-title {
    margin-left: 0
}

.unapproved {
    color: red
}

article .article-meta {
    width: 100px;
    float: left;
    text-align: right
}

.single .with-meta.inline-meta article .article-meta {
    width: 100%;
    text-align: left;
    margin-bottom: 15px
}

.single .with-meta.inline-meta article .article-media,.single .with-meta.inline-meta article .article-content {
    margin-left: 0;
    clear: left
}

.single .with-meta.inline-meta article .entry-date,.single .with-meta.inline-meta article .post-meta {
    width: auto;
    font-family: inherit;
    font-size: inherit
}

.single .with-meta.inline-meta article .entry-date {
    color: inherit
}

.single .with-meta.inline-meta article .post-meta small {
    display: inline-block;
    float: none;
    width: auto;
    font-size: inherit
}

.single .with-meta.inline-meta article .meta-author .author-name {
    display: inline-block;
    margin-left: 5px
}

article .article-meta .entry-date {
    font-size: 18px;
    font-weight: 100;
    display: inline-block;
    width: 100%;
    line-height: 28px
}

article .article-meta .post-meta {
    font-size: 0
}

article .article-meta .post-meta small {
    font-size: 11px
}

article .article-meta .post-meta .meta-comment-count,article .article-meta .post-meta .meta-links {
    display: block;
    clear: both
}

article .article-meta .post-meta .meta-links i {
    padding-left: 5px
}

article .post-header .post-meta {
    margin: 10px 0;
    display: inline-block
}

article .post-header .post-meta .meta-links i {
    padding-right: 3px
}

article .post-meta .avatar,article .post-header .post-meta .avatar,article .article-meta .post-meta .avatar {
    overflow: hidden;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%
}

.posts-listing.small-listing .post-header .post-meta .avatar,.posts-listing.small-listing .article-meta .post-meta .avatar,.posts-listing.masonry-listing .post-header .post-meta .avatar,.posts-listing.masonry-listing .article-meta .post-meta .avatar,.posts-listing.inline-meta .post-header .post-meta .avatar,.posts-listing.inline-meta .article-meta .post-meta .avatar {
    width: 25px
}

article .article-meta .post-meta .meta-author a:after,article .article-meta .post-meta .meta-links a:after,article .article-meta .post-meta .meta-category a:after,article .article-meta .post-meta .meta-comment-count a:after {
    content: inherit
}

article .post-header .post-meta .meta-author,article .article-meta .post-meta .meta-author {
    display: inline-block;
    vertical-align: middle
}

article .article-meta .post-meta .meta-author .author-name {
    display: block;
    clear: both
}

article .article-meta .edit-link {
    text-transform: uppercase;
    font-size: 11px
}

article .article-meta .edit-link:after {
    content: " \2192"
}

.single .with-meta .article-media,.posts-listing.standard-listing.with-meta .article-media {
    margin-left: 130px
}

.single .container .with-meta .article-content,.posts-listing.standard-listing.with-meta .article-content {
    margin-left: 130px
}

.single .container-full .with-meta .article-content>.container {
    padding-top: 40px
}

.posts-listing .archive-description {
    padding-bottom: 20px
}

img.attachment-kleo-full-width {
    width: 100%
}

.article-content>p:empty,.wrap-content>p:empty,#main>p:empty {
    display: none
}

.single-attachment .entry-header {
    width: 100px;
    float: left;
    text-align: right
}

.single-attachment .post-time {
    font-size: 18px;
    font-weight: 100;
    display: inline-block;
    width: 100%;
    line-height: 28px
}

.single-attachment .entry-content {
    margin-left: 130px;
    margin-bottom: 40px
}

#image-navigation {
    padding-left: 130px;
    text-align: center
}

#image-navigation .previous-image,#image-navigation .next-image {
    display: inline-block;
    padding: 0 10px
}

#image-navigation .previous-image:before {
    content: "\2190";
    margin-right: 5px
}

#image-navigation .next-image:after {
    content: "\2192";
    margin-left: 5px
}

.posts-listing.standard-listing.just-thumb-1.no-meta.no-excerpt.no-footer article:not(:first-child) .article-title,.posts-listing.standard-listing.just-thumb-2.no-meta.no-excerpt.no-footer article:not(:nth-child(-n+2)) .article-title,.posts-listing.standard-listing.just-thumb-3.no-meta.no-excerpt.no-footer article:not(:nth-child(-n+3)) .article-title {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 10px
}

.posts-listing.standard-listing .type-post {
    display: inline-block;
    width: 100%
}

.posts-listing.standard-listing:not(.template-page) .type-post {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom-width: 1px;
    border-bottom-style: solid
}

.posts-listing.standard-listing.just-thumb-1.no-meta.no-excerpt.no-footer article:not(:first-child),.posts-listing.standard-listing.just-thumb-2.no-meta.no-excerpt.no-footer article:not(:nth-child(-n+2)),.posts-listing.standard-listing.just-thumb-3.no-meta.no-excerpt.no-footer article:not(:nth-child(-n+3)) {
    margin: 0;
    padding: 0
}

.posts-listing.standard-listing.just-thumb-1.no-meta.no-excerpt.no-footer article:nth-child(1),.posts-listing.standard-listing.just-thumb-2.no-meta.no-excerpt.no-footer article:nth-child(2),.posts-listing.standard-listing.just-thumb-3.no-meta.no-excerpt.no-footer article:nth-child(3) {
    margin: 0;
    padding: 0;
    border-bottom: none
}

.posts-listing.standard-listing.just-thumb-1 article:last-child,.posts-listing.standard-listing.just-thumb-2 article:last-child,.posts-listing.standard-listing.just-thumb-3 article:last-child {
    margin-bottom: 40px !important
}

.posts-listing.standard-listing.just-thumb-2.no-meta.no-excerpt.no-footer article:nth-child(1),.posts-listing.standard-listing.just-thumb-3.no-meta.no-excerpt.no-footer article:nth-child(1),.posts-listing.standard-listing.just-thumb-3.no-meta.no-excerpt.no-footer article:nth-child(2) {
    border-bottom: none
}

.posts-listing.standard-listing:not(.inline-meta) article {
    margin-bottom: 40px;
    padding-bottom: 40px
}

.posts-listing.standard-listing:not(.inline-meta) article article {
    margin-bottom: 0;
    padding-bottom: 0
}

.posts-listing.standard-listing.with-meta article {
    position: relative
}

.posts-listing.standard-listing.with-meta .article-title {
    margin-left: 130px
}

.posts-listing .post-item {
    width: 100%
}

.tpl-3ll article .article-meta,.tpl-3lr article .article-meta,.tpl-3rr article .article-meta {
    width: 100%;
    float: none;
    text-align: left;
    margin-bottom: 10px
}

.tpl-3ll.posts-listing.standard-listing.with-meta .article-title,.single .tpl-3ll.with-meta .article-media,.tpl-3ll.posts-listing.standard-listing.with-meta .article-media,.single .container .tpl-3ll.with-meta .article-content,.tpl-3ll.posts-listing.standard-listing.with-meta .article-content,.tpl-3lr.posts-listing.standard-listing.with-meta .article-title,.single .tpl-3lr.with-meta .article-media,.tpl-3lr.posts-listing.standard-listing.with-meta .article-media,.single .container .tpl-3lr.with-meta .article-content,.tpl-3lr.posts-listing.standard-listing.with-meta .article-content,.tpl-3rr.posts-listing.standard-listing.with-meta .article-title,.single .tpl-3rr.with-meta .article-media,.tpl-3rr.posts-listing.standard-listing.with-meta .article-media,.single .container .tpl-3rr.with-meta .article-content,.tpl-3rr.posts-listing.standard-listing.with-meta .article-content {
    margin-left: 0
}

.tpl-3ll article .article-meta .entry-date,.tpl-3ll article .article-meta .post-meta,.tpl-3lr article .article-meta .entry-date,.tpl-3lr article .article-meta .post-meta,.tpl-3rr article .article-meta .entry-date,.tpl-3rr article .article-meta .post-meta {
    width: auto;
    font-family: inherit;
    font-size: inherit
}

.tpl-3ll article .article-meta .post-meta .meta-links,.tpl-3ll article .article-meta .post-meta a.post-time:after,.tpl-3ll article .article-meta .post-meta .meta-comment-count,.tpl-3lr article .article-meta .post-meta .meta-links,.tpl-3lr article .article-meta .post-meta a.post-time:after,.tpl-3lr article .article-meta .post-meta .meta-comment-count,.tpl-3rr article .article-meta .post-meta .meta-links,.tpl-3rr article .article-meta .post-meta a.post-time:after,.tpl-3rr article .article-meta .post-meta .meta-comment-count {
    display: inline
}

.tpl-3ll article .post-header .post-meta .meta-author,.tpl-3ll article .article-meta .post-meta .meta-author,.tpl-3lr article .post-header .post-meta .meta-author,.tpl-3lr article .article-meta .post-meta .meta-author,.tpl-3rr article .post-header .post-meta .meta-author,.tpl-3rr article .article-meta .post-meta .meta-author {
    width: 25px;
    height: auto;
    margin-right: 5px
}

.posts-listing.standard-listing.with-meta.inline-meta .article-meta {
    width: 100%;
    text-align: left;
    margin: 10px auto
}

.posts-listing.standard-listing.with-meta.inline-meta .article-title,.posts-listing.standard-listing.with-meta.inline-meta .article-media,.posts-listing.standard-listing.with-meta.inline-meta .article-content {
    margin-left: 0;
    clear: left
}

.posts-listing.standard-listing.with-meta.inline-meta .entry-date,.posts-listing.standard-listing.with-meta.inline-meta .post-meta {
    width: auto;
    font-family: inherit;
    font-size: inherit
}

.posts-listing.standard-listing.with-meta.inline-meta .post-meta small {
    display: inline-block;
    float: none
}

.posts-listing.standard-listing.with-meta.inline-meta .meta-author .author-name {
    display: inline-block;
    margin-left: 5px
}

.no-meta .article-meta,.no-meta .post-meta {
    display: none !important
}

.no-excerpt .post-info,.no-excerpt .article-content {
    display: none
}

.posts-listing.no-footer .post-footer,.posts-listing.no-footer .kleo-continue {
    display: none
}

.small-listing article .post-header .post-meta .meta-author,.small-listing article .article-meta .post-meta .meta-author {
    width: auto;
    height: auto
}

.small-listing .post-header,.small-listing .post-info,.small-listing .post-footer {
    padding: 0
}

.small-listing .post-title {
    margin-top: 0
}

.small-listing .post-item {
    padding: 20px 0
}

.small-listing .featured-content .post-item {
    padding: 20px 10px
}

.small-listing .post-format-icon {
    border-radius: 50%;
    background: #f7f7f7;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    margin: 0 auto 10px
}

.small-listing .entry-summary>p:first-child {
    margin-top: 0
}

.keep-ratio .post-image {
    display: inline-block;
    float: left;
    position: relative;
    width: 100%;
    z-index: 1
}

.keep-ratio .post-image::before {
    content: "";
    display: block
}

.keep-ratio .post-image::before {
    content: " ";
    display: block;
    padding-top: 100%;
    width: 100%
}

.keep-ratio.aspect-ratio-4-3 .post-image::before {
    content: " ";
    display: block;
    padding-top: 75%;
    width: 100%
}

.keep-ratio.aspect-ratio-16-9 .post-image::before {
    content: " ";
    display: block;
    padding-top: 56.25%;
    width: 100%
}

.keep-ratio .post-image a.element-wrap {
    bottom: 0;
    color: #fff;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    top: 0;
    transform-style: preserve-3d;
    vertical-align: middle
}

.keep-ratio .post-image a.element-wrap:hover img {
    transform: translate3d(-50%, -50%, 0) scale(1.1)
}

.keep-ratio .post-image a.element-wrap img {
    float: left;
    left: 50%;
    position: relative;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    transition: all 1s linear 0s;
    width: 100%
}

.kleo-view-switch {
    float: right;
    margin-bottom: 20px;
    z-index: 2 !important
}

.kleo-view-switch ul {
    list-style: none;
    padding: 0
}

.kleo-view-switch li {
    float: left;
    padding: 0 5px
}

.kleo-view-switch li:last-child {
    padding-right: 0
}

.kleo-view-switch span {
    color: #ccc;
    cursor: pointer;
    font-family: fontello;
    font-size: 1.3em;
    padding: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.kleo-view-switch span.active,.kleo-view-switch span:hover {
    color: #333;
    background: #f7f7f7
}

.kleo-view-switch .switch-masonry:before {
    content: "\e9ad"
}

.kleo-view-switch .switch-small:before {
    content: "\e9ac"
}

.kleo-view-switch .switch-standard:before {
    content: "\e9ae"
}

.left-rail-text {
    font-size: 112px;
    font-weight: 900;
    position: absolute;
    left: -200px;
    top: -140px;
    white-space: nowrap;
    color: #fafafa;
    z-index: 0
}

.right-rail-text {
    font-size: 112px;
    font-weight: 900;
    position: absolute;
    right: -200px;
    top: -140px;
    white-space: nowrap;
    color: #fafafa;
    z-index: 0;
    left: auto
}

.share-links {
    text-align: center;
    padding: 30px 0;
    clear: both
}

.share-links div.hr-title {
    margin-bottom: 30px
}

.share-links span a {
    font-size: 18px;
    display: inline-block;
    margin: 0 6px
}

.social-share-wrap {
    position: relative
}

.item-likes:before {
    content: "\e810";
    font-family: "fontello";
    margin-right: 5px
}

.item-likes.liked:before,.item-likes:hover:before {
    content: "\e80f";
    font-family: "fontello"
}

.kleo-love .item-likes-count,.kleo-love .item-likes-postfix {
    font-weight: 100;
    font-size: 16px
}

.related-wrap {
    padding: 30px 0;
    clear: both
}

.related-wrap ul.kleo-carousel li article .post-image img {
    width: 100%
}

.search-404 .input-group input[type="text"] {
    border: none;
    -webkit-transition: .7s;
    -moz-transition: .7s;
    -o-transition: .7s;
    transition: .7s;
    color: #bbb;
    font-weight: normal;
    background: transparent;
    box-shadow: none;
    min-width: 320px
}

.search-404 .input-group input[type="text"]:focus {
    min-width: 430px;
    color: #777
}

.search-404 .input-group-btn #searchsubmit {
    border: none;
    text-indent: -9999em;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAABgCAYAAABbjPFwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAgtJREFUeNrs1yFzwjAYxnHKTYBErrJySOQmZ5Gzk/sMfATsLF8BuUlk7SS2ckgkkr3ZveVCSdqk5G7H7p+7HlDCQ35J0ybZ8Xgc3HIZDm68APjrctdVoaqqXF4KOSZ6am9OF0XxnaIBi8XCmb9cLoPyM98kloabwLmGO6vI8SGQfc+GB+ULZB8N0Ma/yTHuaMdBjlUsQhsfnN+G8F1CL1a46YlSGlkpzvTYk/acqfMqx3vkAFzkSyMrxUXlX4yANHCmQ2vKVhq+9lxips5MP26kXhnY+2f50vC1p95ZvtQrQ+9CU2v4PlvastE6pjxE9H7SfBfgXl930qsH3w/1u0o/TiIAp3zpVW++fteZ7wKMrR4KLeMedZPkuwD1/TcPCM4bvwkpSfOHnvvv77DphPY9J2bW0O4iAKd8ndBtk70z3wX4st7PXQg992ydKiMAZ/kuhJ4Lyvc9yOxbXf14t4e+OanWMqm3EQ+y6HyZ1NvYpUTdC6ETtA8iKt+FyNo2NIIw4Y+uxZZeCrk+VfsiovObiOzaHZkgp40/WaVaqSryIt9eqV69H9Aet5cDo5Trfe1xb36Wak+s+4ZRvehLXXTfMKoXfckBbCkBAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACA/wj4EWAAMFHXN7XDzN4AAAAASUVORK5CYII=') no-repeat;
    width: 24px;
    height: 24px;
    border-radius: 100%;
    position: relative;
    float: right;
    margin-top: 3px
}

.search-404 #searchform {
    margin: 30px auto;
    display: inline-block;
    border-radius: 22px;
    border: 1px solid #e5e5e5;
    height: 33px;
    line-height: 30px;
    padding: 0 10px;
    min-width: 320px;
    text-align: left;
    box-shadow: 0 0 0 4px #f7f7f7
}

body .alignleft,.entry-content a:hover .alignleft {
    float: left;
    margin: 4px 10px 0 0;
    display: block
}

body .alignright,.entry-content a:hover .alignright {
    float: right;
    margin: 4px 0 0 10px;
    display: block
}

body .aligncenter,.entry-content a:hover .aligncenter {
    clear: both;
    display: block;
    margin: 10px auto;
    padding: 10px 0
}

body .article-content .aligncenter,.article-content a:hover .aligncenter {
    clear: none
}

.alignleft img,.alignright img {
    display: block
}

.gallery {
    margin-bottom: 20px
}

.gallery-item {
    float: left;
    margin: 0 1px 1px 0 !important;
    overflow: hidden;
    position: relative
}

.gallery-item img.attachment-thumbnail {
    border: none !important;
    width: 100%
}

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

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

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

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

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

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

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

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

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

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

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

.gallery-caption:before {
    content: "";
    height: 100%;
    min-height: 49px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.gallery-item:hover .gallery-caption {
    opacity: 1
}

.gallery-columns-7 .gallery-caption,.gallery-columns-8 .gallery-caption,.gallery-columns-9 .gallery-caption {
    display: none
}

.gallery-icon {
    margin: 0
}

.gallery-item {
    margin: 0
}

div .wp-caption {
    max-width: 100%;
    font-size: 11px;
    font-style: italic;
    border-width: 1px;
    border-style: solid;
    margin: 5px 15px 10px 0;
    position: relative
}

.wp-caption img {
    border: medium none;
    display: block;
    padding: 5px;
    margin: 0;
    width: 100%
}

.wp-caption-text {
    display: block;
    font-size: 11px;
    font-style: italic;
    margin: 0 auto;
    padding: 3px 10px 5px;
    text-align: center;
    font-family: sans-serif
}

.wp-caption.aligncenter {
    margin: 5px auto 10px auto
}

.wp-smiley {
    display: inline-block;
    border: none
}

.kleo-go-top {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #ccc;
    background-color: rgba(0,0,0,0.2);
    padding: 12px 14px;
    position: fixed;
    bottom: 50px;
    right: -60px;
    z-index: 100;
    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;
    -o-transition: all .2s ease-in-out
}

.kleo-go-top.off {
    right: -60px;
    opacity: 0
}

.kleo-go-top.on {
    right: 20px;
    opacity: 1
}

.kleo-go-top:hover {
    background-color: rgba(0,0,0,0.4)
}

.kleo-go-top i {
    color: #fff;
    font-size: 24px;
    line-height: 24px
}

.element-wrap {
    display: inline-block;
    position: relative;
    width: 100%;
    vertical-align: middle;
    z-index: 0;
    margin: 0 auto
}

.element-wrap.element-left {
    display: inline-block
}

.element-wrap.element-left .img-element,.element-wrap.element-left .btn {
    display: block;
    float: left
}

.element-wrap.element-right {
    display: block;
    float: right
}

.element-wrap.element-right .img-element,.element-wrap.element-right .btn {
    display: block;
    float: right
}

.element-wrap.element-center {
    display: block;
    text-align: center;
    margin: 0 auto
}

.element-wrap.element-center .img-element {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.kleo_image,.kleo_image img {
    border-radius: 3px;
    display: block;
    position: relative
}

.kleo_image.kleo-align-center {
    display: block;
    margin: 0 auto 10px auto;
    text-align: center
}

.kleo_image.kleo-align-center img {
    margin: 0 auto;
    display: inline-block
}

.kleo_image.kleo-align-left {
    display: block;
    float: left;
    margin-right: 15px;
    margin-top: 5px
}

.kleo_image.kleo-align-right {
    display: block;
    float: right;
    margin-left: 15px;
    margin-top: 5px
}

.slotholder:after {
    content: ' ';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    -o-transition: background-color .2s linear;
    -ms-transition: background-color .2s linear;
    transition: background-color .2s linear
}

.hover-element,.higlight-caption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    -o-transition: background-color .2s linear;
    -ms-transition: background-color .2s linear;
    transition: background-color .2s linear
}

.hover-element:hover {
    background: rgba(0,0,0,0.3)
}

.hover-element>i {
    font-style: normal;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    display: inline-block;
    font-size: 22px;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -20px;
    position: absolute;
    border-radius: 50%;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear;
    transition: all .3s linear
}

.hover-element:hover>i {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.hover-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 15px;
    color: #000;
    opacity: 0;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear
}

.lighter .hover-caption {
    background: rgba(255,255,255,0.5)
}

.darker .hover-caption {
    background: rgba(0,0,0,0.3)
}

.element-wrap:hover .hover-caption {
    opacity: 1
}

.static-caption {
    padding: 15px;
    position: relative
}

.static-caption:before {
    width: 6px;
    height: 6px;
    display: block;
    content: ' ';
    z-index: 9999;
    position: absolute;
    top: -6px;
    left: 50%;
    margin-left: -3px;
    border-top: 0;
    border-left: 6px solid transparent !important;
    border-right: 6px solid transparent !important;
    border-bottom-style: solid;
    border-bottom-width: 6px
}

.higlight-caption {
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    vertical-align: middle;
    text-align: center;
    display: inline-block
}

.darker .higlight-caption,.darker .hover-caption {
    color: #fff
}

.lighter .higlight-caption,.lighter .hover-caption {
    color: #000
}

.lighter .higlight-caption:hover {
    background: rgba(255,255,255,0.5)
}

.darker .higlight-caption:hover {
    background: rgba(0,0,0,0.3)
}

.darker .higlight-caption .title-caption h3 {
    color: #fff
}

.lighter .higlight-caption .title-caption {
    color: #000
}

.higlight-caption .title-caption {
    display: table;
    width: 100%;
    height: 100%
}

.higlight-caption .title-caption h3 {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    transition: all 1s ease 0s
}

@media (min-width: 1200px) {
    .higlight-caption .title-caption h3 {
        font-size:30px
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .higlight-caption .title-caption h3 {
        font-size:20px
    }
}

@media (min-width: 1440px) {
    .higlight-caption .title-caption h3 {
        font-size:40px
    }
}

.highlight-items .thumbnail {
    transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    margin-bottom: 20px
}

.highlight-items div.thumbnail {
    opacity: 1
}

.highlight-items div.thumbnail:hover {
    opacity: .3
}

.highlight-items:hover>.highlight-this div.thumbnail {
    opacity: .3
}

.highlight-items:hover>.highlight-this div.thumbnail:hover {
    opacity: 1
}

.postroll {
    padding: 5%;
    color: #fff
}

.pagination {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 20px 0
}

.pagination>li>a,.pagination>li>span {
    position: relative;
    float: none;
    padding: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    border-radius: 100%;
    margin: 0 3px;
    text-decoration: none;
    border-style: solid;
    border-width: 1px
}

.pagination>li:first-child>a,.pagination>li:first-child>span,.pagination>li:last-child>a,.pagination>li:last-child>span {
    border-radius: 100%
}

.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus {
    z-index: 2;
    cursor: default;
    border-style: solid;
    border-width: 1px
}

.pagination-sticky {
    position: absolute
}

.pagination-sticky>a {
    display: inline-block
}

.pagination-sticky #newer-nav,.pagination-sticky #older-nav {
    background: rgba(0,0,0,0.1);
    display: inline-block;
    color: #fff;
    position: relative;
    height: 90px;
    width: 220px;
    line-height: 20px;
    position: fixed;
    top: 50%;
    z-index: 100;
    transition: all .5s ease;
    -webkit-transition: all .5s ease
}

.pagination-sticky #newer-nav {
    border-top-left-radius: .4em;
    border-bottom-left-radius: .4em;
    right: -190px
}

.pagination-sticky #newer-nav:hover {
    background: rgba(0,0,0,0.7);
    right: 0
}

.pagination-sticky #older-nav {
    border-top-right-radius: .4em;
    border-bottom-right-radius: .4em;
    left: -190px
}

.pagination-sticky #older-nav:hover {
    background: rgba(0,0,0,0.7);
    left: 0
}

.pagination-sticky #newer-nav:before,.pagination-sticky #older-nav:after {
    font: 18px 'fontello';
    display: inline-block;
    line-height: 90px;
    float: left;
    width: 30px;
    text-align: center
}

.pagination-sticky #newer-nav:before {
    content: '\e89f'
}

.pagination-sticky #older-nav:after {
    content: '\e89e'
}

.pagination-sticky .nav-image {
    float: left;
    display: inline-block;
    width: 90px
}

.pagination-sticky #newer-nav .nav-image {
    float: right
}

.pagination-sticky .wp-post-image,.pagination-sticky .avatar {
    width: 70px;
    border-radius: 100%;
    margin: 10px
}

.pagination-sticky .outter-title {
    display: table;
    float: left;
    height: 90px;
    width: 100px
}

.pagination-sticky .entry-title {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 100px
}

.pagination-sticky.member-navigation #newer-nav:before,.pagination-sticky.member-navigation #older-nav:after {
    width: 30px
}

.pagination-sticky.member-navigation #newer-nav,.pagination-sticky.member-navigation #older-nav {
    width: 130px
}

.pagination-sticky.member-navigation #newer-nav {
    right: -100px
}

.pagination-sticky.member-navigation #older-nav {
    left: -100px
}

.pagination-sticky.member-navigation #newer-nav:hover {
    right: 0
}

.pagination-sticky.member-navigation #older-nav:hover {
    left: 0
}

.pagination-sticky.member-navigation #newer-nav .entry-title {
    text-align: left;
    padding-left: 10px
}

.pagination-sticky.member-navigation #older-nav .entry-title {
    text-align: right;
    padding-right: 10px
}

@media screen and (max-width: 480px) {
    .pagination-sticky {
        background:rgba(0,0,0,0.7);
        bottom: 0;
        left: 0;
        right: 0;
        height: 40px;
        position: fixed;
        width: 100%;
        z-index: 200
    }

    .pagination-sticky #newer-nav:before,.pagination-sticky #older-nav:after {
        line-height: 40px;
        position: absolute
    }

    .pagination-sticky #older-nav:after {
        position: absolute;
        right: 0
    }

    .pagination-sticky #newer-nav,.pagination-sticky #older-nav,.pagination-sticky.member-navigation #newer-nav,.pagination-sticky.member-navigation #older-nav {
        background: none;
        top: auto;
        bottom: 0;
        width: 50%;
        height: 40px;
        border-radius: 0
    }

    .pagination-sticky #newer-nav,.pagination-sticky.member-navigation #newer-nav {
        right: 0
    }

    .pagination-sticky #older-nav,.pagination-sticky.member-navigation #older-nav {
        left: 0
    }

    .pagination-sticky .nav-image {
        width: 40px
    }

    .pagination-sticky .wp-post-image,.pagination-sticky .avatar {
        width: 30px;
        border-radius: 100%;
        margin: 5px
    }

    .pagination-sticky .outter-title {
        height: 30px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%
    }

    .pagination-sticky .entry-title {
        display: block;
        white-space: nowrap;
        line-height: 40px;
        font-size: 11px;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 7em
    }

    .pagination-sticky.member-navigation #older-nav .outter-title {
        width: 100%;
        padding-right: 30px
    }

    .pagination-sticky #newer-nav .outter-title {
        padding-left: 30px
    }

    .pagination-sticky.member-navigation .entry-title {
        width: 100%
    }
}

.posts-load-more {
    margin-top: 40px
}

#comments-list {
    position: relative
}

#comments-list>.hr-title {
    margin: 40px auto 30px
}

#comments-list ol {
    list-style: none;
    margin: 0;
    padding: 0
}

#comments-list ol li {
    margin-bottom: 0
}

#comments-list .comment-wrap {
    position: relative;
    height: auto;
    padding: 10px 0
}

.comment-wrap .comment-avatar {
    float: left;
    position: relative;
    z-index: 2;
    margin-top: -7px
}

.comment-wrap .comment-avatar img {
    height: 60px;
    width: 60px;
    display: block
}

#comments-list .comment-content {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    margin: 0 0 0 90px;
    padding-bottom: 10px
}

#comments-list .comment-author {
    font-weight: bold
}

#comments-list .comment-date {
    display: block;
    font-size: 11px;
    color: #bbb;
    margin: 0;
    padding: 0
}

#comments-list .comment-meta-actions,#comments-list .comment-meta-actions a {
    font-size: 11px;
    text-transform: uppercase;
    color: #bbb;
    display: inline-block
}

#comments-list li ul {
    list-style: none;
    padding: 0
}

#comments-list ul.children {
    margin-left: 90px
}

#comments-list ul.children ul {
    margin-left: 0
}

#comments-list ul.children .comment-wrap {
    padding: 0
}

#comments-list ul.children .comment-content {
    margin-left: 0;
    margin-bottom: 10px;
    padding-bottom: 0
}

#comments-list ul.children .comment-author {
    font-weight: normal
}

#comments-list ul.children .comment-avatar {
    box-shadow: none;
    margin-top: 0
}

#comments-list ul.children .comment-avatar img {
    height: 30px;
    width: 30px;
    border-width: 0
}

#comments-list ul.children .comment-date {
    display: inline-block
}

#comments-list ul.children .comment-meta {
    margin-left: 40px
}

#comments .comment-respond,#comments-list .comment-respond {
    margin-left: 90px
}

#comments-list ul.children .comment-respond {
    margin-left: 0
}

#comments .activity-timeline {
    border-right-style: solid;
    border-right-width: 1px;
    height: 100%;
    left: 30px;
    position: absolute;
    top: 0;
    width: 1px;
    z-index: 0;
    margin-top: 30px
}

#trackbacks-list span {
    font-size: 12px
}

#trackbacks-list ol li {
    margin-bottom: 10px
}

#trackbacks-list .comment-author {
    font-size: 12px;
    margin-bottom: 5px
}

#trackbacks-list .comment-content p {
    font-size: 14px
}

#respond-wrap {
    padding-bottom: 20px;
    position: relative;
    z-index: 1;
    margin-bottom: 30px
}

#respond {
    margin: 30px 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

.comment-form-author,.comment-form-email,.comment-form-url {
    margin-bottom: 0
}

#commentform {
    margin-top: 10px;
    margin-bottom: 0
}

#commentform p.comment-notes {
    margin-bottom: 20px
}

#commentform p.comment-notes span.required {
    float: none
}

#commentform label {
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 4px
}

#commentform p.form-allowed-tags {
    display: none
}

#commentform p.form-allowed-tags code {
    color: #444
}

.comment #respond h3#reply-title {
    display: block;
    margin: 0 0 10px
}

#reply-title small {
    font-size: 14px;
    line-height: 0;
    margin-left: 5px
}

#reply-title small a,#reply-title small a:hover {
    text-decoration: none
}

p.comment-form-comment {
    margin-top: 5px;
    margin-bottom: 15px
}

p.form-submit {
    height: auto;
    overflow: hidden;
    margin-bottom: 0
}

#respond .form-submit input#submit {
    margin: 0;
    border: 0;
    background: none;
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    line-height: 1.5em;
    padding: 10px;
    font-size: 11px;
    text-transform: uppercase;
    transition: all .2s linear;
    -webkit-transition: all .2s linear
}

ul.link-list {
    margin-left: 0;
    padding-left: 0;
    list-style: none
}

ul.link-list li {
    float: left;
    margin-right: 10px
}

.sidebar {
    font-size: 93%
}

.sidebar select {
    width: 100%
}

.sidebar ul {
    padding: 0;
    list-style: none
}

.sidebar .widget {
    margin: 0 0 30px
}

.widget-title {
    margin-bottom: 10px
}

.kleo-widget-recent-posts-li,.widget_categories li,.widget_recent_entries li,.widget_archive li,.widget_display_views li,.widget_recent_comments li,.widget_product_categories li,.widget_layered_nav li {
    padding: 6px 0 16px;
    list-style: none
}

.sidebar .kleo-widget-recent-posts-li,.sidebar .widget_categories li,.sidebar .widget_recent_entries li,.sidebar .widget_archive li,.sidebar .widget_display_views li,.sidebar .widget_recent_comments li,.sidebar .widget_product_categories li,.sidebar .widget_layered_nav li {
    padding: 6px 0;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    list-style: none
}

#footer .kleo-widget-recent-posts-li,#footer .widget_categories li,#footer .widget_recent_entries li,#footer .widget_archive li,#footer .widget_display_views li,#footer .widget_recent_comments li,#footer .widget_product_categories li,#footer .widget_layered_nav li {
    padding: 6px 0;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    list-style: none
}

.kleo-widget-recent-posts-li:first-child,.widget_categories li:first-child,.widget_recent_entries li:first-child,.widget_archive li:first-child,.widget_display_views li:first-child,.widget_recent_comments li:first-child,.widget_product_categories li:first-child,.widget_layered_nav li:first-child {
    border-top-style: solid;
    border-top-width: 1px
}

.widget_nav_menu ul {
    margin: 0;
    list-style: none
}

.widget_nav_menu ul li {
    clear: both
}

.widget_nav_menu ul ul {
    margin: 0;
    border: none;
    border-radius: 0
}

.widget_nav_menu li:first-child>a {
    border-top-style: solid;
    border-top-width: 1px
}

.widget_nav_menu li ul li:first-child a {
    border-top: none
}

.widget_nav_menu a {
    position: relative;
    font-weight: normal;
    display: block;
    padding: 9px 0;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-top: 0
}

.widget_nav_menu .menu-item-has-children>a {
    padding-right: 30px
}

.widget_nav_menu ul ul li a {
    padding-left: 10px
}

.widget_nav_menu ul ul ul li a {
    padding-left: 30px
}

.widget_nav_menu .parent .sub-menu {
    padding: 0
}

.widget_nav_menu .parent .sub-menu .sub-menu {
    padding: 0
}

.widget_nav_menu .sub-menu a:before {
    content: "-";
    margin-right: 10px
}

.widget_nav_menu .sub-menu .sub-menu a:before {
    content: "-";
    margin-right: 10px
}

.widget_nav_menu a:hover,.widget_nav_menu li.active>a {
    text-decoration: none
}

.widget_nav_menu .parent>a .caret:after {
    display: block;
    content: "+";
    position: absolute;
    right: 0;
    top: 16px;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    margin-top: -15px;
    width: 30px;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.widget_nav_menu .parent>a .caret.active:after {
    content: "-"
}

.widget_nav_menu .parent>a .caret+.caret {
    display: none
}

.widget_nav_menu .sub-menu {
    display: none
}

.widget_nav_menu li.current-menu-parent>ul,.widget_nav_menu li.current-menu-ancestor>ul {
    display: block
}

.widget_nav_menu li.current-menu-parent>a>span.caret:after,.widget_nav_menu li.current-menu-ancestor>a>span.caret:after {
    content: "-"
}

.widget_nav_menu li.current-menu-parent>a>span.caret.active:after,.widget_nav_menu li.current-menu-ancestor>a>span.caret.active:after {
    content: "+"
}

.widget_nav_menu li>a>span.caret:after {
    content: "+"
}

.widget_nav_menu li>a>span.caret.active:after {
    content: "-"
}

#sidebar li.recentcomments a {
    text-decoration: underline
}

.widget_tag_cloud a {
    display: block;
    line-height: 1.2em !important;
    float: left;
    padding: 5px 8px;
    margin: 0 5px 5px 0;
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    font-size: small
}

.widget_tag_cloud a:hover {
    text-decoration: none
}

.kleo-social-widget-output {
    list-style: none
}

.kleo-social-widget-output li {
    margin: 0;
    padding: 0;
    border: none;
    float: left;
    margin-right: 5px;
    margin-bottom: 5px
}

.kleo-social-widget-output li img {
    display: block
}

.kleo-social-widget-output li img:hover {
    opacity: .8
}

.kleo-social-widget-output li img:active {
    position: relative;
    top: 1px
}

.flickr-widget-wrap {
    padding-top: 6px
}

.flickr_badge_image {
    float: left;
    display: inline-block;
    background: #252525;
    border: 1px solid #333;
    padding: 4px;
    margin: -1px -1px 0 0;
    transition: all .3s ease-in-out 0s
}

.flickr_badge_image:hover {
    background: #333
}

.flickr_badge_image img {
    width: 60px;
    height: 60px
}

.kleo-video-widget-description {
    text-align: center;
    margin-top: 15px
}

#wp-calendar {
    width: 100%;
    font-size: 11px
}

#wp-calendar thead th {
    border-style: solid;
    border-width: 1px;
    border-top: none;
    font-size: 11px;
    font-weight: normal
}

#wp-calendar tbody td {
    text-align: center;
    border-style: solid;
    border-width: 1px;
    line-height: 2.5em;
    transition: background .15s ease;
    -webkit-transition: background .15s ease;
    -o-transition: background .15s ease;
    -moz-transition: background .15s ease;
    padding: 0
}

#wp-calendar tbody td a {
    display: block;
    text-decoration: none;
    color: #333
}

#wp-calendar tbody td:hover a {
    background: #e5e5e5;
    color: #111
}

#wp-calendar tfoot td {
    padding-top: 1px;
    padding: 4px
}

#wp-calendar caption {
    cursor: pointer;
    text-transform: uppercase;
    margin: 0;
    padding: 12px;
    outline: 0 none !important;
    border-style: solid;
    border-width: 1px
}

#wp-calendar tbody a {
    display: block;
    text-decoration: underline
}

#wp-calendar th {
    text-align: center;
    border: 1px solid transparent;
    border-top: none;
    padding: 7px 0;
    color: #bbb
}

#wp-calendar td#today a {
    color: #fff
}

.kleo-recent-posts-thumb-grid li {
    float: left;
    width: 65px;
    margin-left: 7px;
    margin-bottom: 7px
}

.kleo-recent-posts-thumb-grid li.col-1 {
    margin-left: 0
}

.kleo-recent-posts-thumb-grid li a,.kleo-recent-posts-thumb-grid li img {
    display: block;
    width: auto
}

.kleo-recent-posts-thumb-grid li img:hover {
    opacity: .8
}

.kleo-widget-recent-posts-li {
    margin: 0;
    font-size: 12px;
    min-height: 65px;
    padding-left: 85px;
    position: relative;
    margin-bottom: 15px;
    padding-bottom: 15px;
    padding-top: 0
}

.kleo-widget-recent-posts-li:first-child {
    padding-top: 15px
}

.kleo-widget-recent-posts-thumbnail {
    position: absolute;
    left: 0;
    top: 0
}

.kleo-widget-recent-posts-li:first-child .kleo-widget-recent-posts-thumbnail {
    top: 15px
}

.kleo-widget-recent-posts-thumbnail:hover {
    opacity: .7
}

.sidebar .kleo-widget-recent-posts-title {
    font-weight: 600;
    color: #000
}

.sidebar .kleo-widget-recent-posts-title:hover {
    text-decoration: none
}

.sidebar .kleo-widget-recent-posts-date {
    font-size: 12px;
    font-weight: 400;
    color: #777
}

.kleo-widget-recent-posts-date {
    margin-top: 5px
}

.widget_categories li {
    position: relative;
    padding-right: 20px
}

.widget_categories li:before {
    content: "\e873";
    margin-right: 10px;
    margin-left: 2px;
    font-family: "fontello"
}

.widget_categories .cat-count-span {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -6px;
    height: 12px;
    line-height: 12px;
    color: #999;
    font-size: 11px
}

.widget_product_categories li {
    position: relative;
    padding-right: 20px
}

.widget_product_categories li:before {
    content: "\e873";
    margin-right: 10px;
    font-family: "fontello"
}

.widget_product_categories .count {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -6px;
    height: 12px;
    line-height: 12px;
    color: #999;
    font-size: 11px
}

.widget_layered_nav li {
    position: relative
}

.widget_layered_nav li:before {
    content: "\e86c";
    margin-right: 10px;
    font-family: "fontello"
}

.widget_layered_nav .count {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -6px;
    height: 12px;
    line-height: 12px;
    color: #999;
    font-size: 11px
}

.widget_archive li:before {
    content: "\e86c";
    margin-right: 10px;
    font-family: "fontello"
}

.widget_display_views li:before {
    content: "\e86c";
    margin-right: 10px;
    font-family: "fontello"
}

.widget_recent_entries ul {
    padding-left: 0
}

.widget_recent_entries li:before {
    content: "\e86c";
    margin-right: 10px;
    margin-left: 2px;
    font-family: "fontello";
    text-decoration: none
}

.widget_recent_entries .post-date {
    display: block;
    font-size: 11px;
    color: #777;
    margin: 5px 0 0
}

.widget_recent_comments li:before {
    content: "\e86c";
    margin-right: 10px;
    font-family: "fontello";
    text-decoration: none
}

.widget_rss a.rsswidget {
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase
}

.widget_rss .rss-date {
    color: #bbb;
    font-size: 11px
}

.widget_rss ul li {
    padding: 10px 0
}

.widget_rss cite {
    font-style: italic
}

.widget_rss cite:before {
    content: "- "
}

.page-content #searchform {
    max-width: 550px;
    margin: 0 auto;
    margin-top: 30px
}

.widget .woocommerce-product-search,.widget form#bbp-search-form>div,.page-content #searchform>div,.widget_search #searchform>div {
    border-radius: 22px;
    height: 33px;
    line-height: 30px;
    padding: 4px 5px 0 10px;
    position: relative;
    border-style: solid;
    border-width: 1px
}

.widget .woocommerce-product-search input[type=search],.widget form#bbp-search-form input[type=text],.page-content #searchform input[type=text],.widget_search #searchform input[type=text] {
    border: none;
    -webkit-transition: .7s;
    -moz-transition: .7s;
    -o-transition: .7s;
    transition: .7s;
    color: #bbb;
    font-weight: normal;
    background: transparent;
    box-shadow: none;
    height: 24px;
    line-height: 20px
}

form#bbp-search-form input[type=text] {
    margin: 0;
    padding: 0;
    width: 100%
}

.widget .woocommerce-product-search input[type=search] {
    padding-right: 30px
}

.widget .woocommerce-product-search input[type=search]:focus,.widget form#bbp-search-form input[type=text]:focus,.page-content #searchform input[type=text]:focus,.widget_search #searchform input[type=text]:focus {
    color: #777
}

.widget .woocommerce-product-search input[type=submit],.widget form#bbp-search-form input[type=submit],.page-content #searchform input[type=submit],.widget_search #searchform input[type=submit] {
    border: none;
    text-indent: -9999em;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAABgCAYAAABbjPFwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAgtJREFUeNrs1yFzwjAYxnHKTYBErrJySOQmZ5Gzk/sMfATsLF8BuUlk7SS2ckgkkr3ZveVCSdqk5G7H7p+7HlDCQ35J0ybZ8Xgc3HIZDm68APjrctdVoaqqXF4KOSZ6am9OF0XxnaIBi8XCmb9cLoPyM98kloabwLmGO6vI8SGQfc+GB+ULZB8N0Ma/yTHuaMdBjlUsQhsfnN+G8F1CL1a46YlSGlkpzvTYk/acqfMqx3vkAFzkSyMrxUXlX4yANHCmQ2vKVhq+9lxips5MP26kXhnY+2f50vC1p95ZvtQrQ+9CU2v4PlvastE6pjxE9H7SfBfgXl930qsH3w/1u0o/TiIAp3zpVW++fteZ7wKMrR4KLeMedZPkuwD1/TcPCM4bvwkpSfOHnvvv77DphPY9J2bW0O4iAKd8ndBtk70z3wX4st7PXQg992ydKiMAZ/kuhJ4Lyvc9yOxbXf14t4e+OanWMqm3EQ+y6HyZ1NvYpUTdC6ETtA8iKt+FyNo2NIIw4Y+uxZZeCrk+VfsiovObiOzaHZkgp40/WaVaqSryIt9eqV69H9Aet5cDo5Trfe1xb36Wak+s+4ZRvehLXXTfMKoXfckBbCkBAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACA/wj4EWAAMFHXN7XDzN4AAAAASUVORK5CYII=') no-repeat;
    width: 24px;
    height: 24px;
    border-radius: 100%;
    position: relative;
    float: right;
    margin-top: -2px
}

.widget .woocommerce-product-search input[type=submit]:hover,.widget form#bbp-search-form input[type=submit]:hover,.page-content #searchform input[type=submit]:hover,.widget_search #searchform input[type=submit]:hover {
    background-position: -24px 0
}

.widget .woocommerce-product-search input[type=submit] {
    position: absolute;
    top: 5px;
    right: 5px
}

.kleo-search-form {
    max-width: 700px;
    margin: 0 auto;
    position: relative
}

.kleo-search-form #searchform div.input-group {
    display: inline-block;
    width: 100%;
    margin: 0 auto
}

.kleo-search-form #searchform .input-group-btn {
    position: absolute;
    right: 26px;
    top: 30%
}

.kleo-search-form #searchform .input-lg {
    height: 63px;
    border-radius: 8px;
    -webkit-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
    background-color: #fff
}

.kleo-search-form.search-style-transparent #searchform .input-lg {
    border: none;
    box-shadow: 0 2px 3px 0 rgba(0,0,0,0.2);
    opacity: .5
}

.kleo-search-form #searchform .input-lg:focus,.kleo-search-form #searchform .input-lg:active {
    opacity: 1;
    color: #777
}

.kleo-search-form #searchform input#searchsubmit {
    border: none;
    text-indent: -9999em;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAABgCAYAAABbjPFwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAgtJREFUeNrs1yFzwjAYxnHKTYBErrJySOQmZ5Gzk/sMfATsLF8BuUlk7SS2ckgkkr3ZveVCSdqk5G7H7p+7HlDCQ35J0ybZ8Xgc3HIZDm68APjrctdVoaqqXF4KOSZ6am9OF0XxnaIBi8XCmb9cLoPyM98kloabwLmGO6vI8SGQfc+GB+ULZB8N0Ma/yTHuaMdBjlUsQhsfnN+G8F1CL1a46YlSGlkpzvTYk/acqfMqx3vkAFzkSyMrxUXlX4yANHCmQ2vKVhq+9lxips5MP26kXhnY+2f50vC1p95ZvtQrQ+9CU2v4PlvastE6pjxE9H7SfBfgXl930qsH3w/1u0o/TiIAp3zpVW++fteZ7wKMrR4KLeMedZPkuwD1/TcPCM4bvwkpSfOHnvvv77DphPY9J2bW0O4iAKd8ndBtk70z3wX4st7PXQg992ydKiMAZ/kuhJ4Lyvc9yOxbXf14t4e+OanWMqm3EQ+y6HyZ1NvYpUTdC6ETtA8iKt+FyNo2NIIw4Y+uxZZeCrk+VfsiovObiOzaHZkgp40/WaVaqSryIt9eqV69H9Aet5cDo5Trfe1xb36Wak+s+4ZRvehLXXTfMKoXfckBbCkBAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACA/wj4EWAAMFHXN7XDzN4AAAAASUVORK5CYII=') no-repeat;
    width: 24px;
    height: 24px;
    border-radius: 100%
}

.kleo-search-form #searchform input#searchsubmit:hover {
    background-position: -24px 0
}

.kleo-search-form .kleo_ajax_results {
    background: #fff;
    border-radius: 8px;
    margin-top: 2px;
    padding: 20px 8px
}

.kleo_ajax_results:empty {
    display: none
}

.kleo-search-form.search-style-default .kleo_ajax_results {
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.2)
}

.kleo-search-form.search-style-transparent .kleo_ajax_results {
    box-shadow: 0 2px 3px 0 rgba(0,0,0,0.2)
}

.kleo-search-form .kleo-ajax-search-loading {
    position: absolute;
    right: 40px;
    top: 21px;
    width: auto;
    font-size: 20px
}

.woocommerce-product-search label.screen-reader-text {
    display: none
}

.bbp_widget_login .bbp-logged-in .user-submit {
    float: left;
    width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 100%;
    display: inline-block
}

.bbp_widget_login .bbp-logged-in h4 {
    font-family: inherit;
    font-size: 12px;
    line-height: 20px;
    margin: 0;
    padding: 0 0 0 50px
}

.bbp_widget_login a.logout-link {
    padding-left: 10px
}

.bbp_widget_login a.logout-link:after {
    content: " \2192"
}

.bbp_widget_login input[type="text"],.bbp_widget_login input[type="password"] {
    border: 1px solid #e5e5e5;
    height: 30px;
    line-height: 30px;
    padding: 0 10px
}

.bbp_widget_login .button.user-submit {
    font-size: 13px;
    font-weight: normal;
    margin: 3px 0;
    min-width: 80px;
    border-radius: 2px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    transition: all .4s ease-in-out 0s;
    color: #333
}

.bbp_widget_login button.user-submit {
    margin-right: 10px
}

.main-color .bbp_widget_login .button.user-submit:hover,.alternate-color .bbp_widget_login button.user-submit:hover,.bbp_widget_login .button.user-submit:focus,.bbp_widget_login .button.user-submit:active {
    background-color: #ebebeb;
    border-color: #adadad;
    color: #333
}

.btn {
    font-size: 13px;
    font-weight: normal;
    margin: 3px 0;
    min-width: 80px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    transition: all .4s ease-in-out 0s
}

.btn.disabled {
    color: rgba(0,0,0,0.2) !important
}

.btn:focus {
    outline: none;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.btn:hover,.btn:focus {
    text-decoration: none
}

.btn:active,.btn.active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,0.125)
}

.btn-see-through {
    background-color: transparent;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -o-box-shadow: none !important;
    opacity: 1 !important;
    transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    border-style: solid;
    border-width: 2px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 12px !important;
    font-weight: bold
}

.btn-see-through.btn-lg {
    padding: 16px 20px
}

.col.light .btn-see-through {
    border: 2px solid rgba(255,255,255,0.4);
    color: #fff
}

.col.light .btn-see-through:hover {
    border: 2px solid #fff
}

.col.dark .btn-see-through {
    border: 2px solid rgba(0,0,0,0.1) !important;
    color: #444 !important
}

.col.dark .btn-see-through:hover {
    border: 2px solid rgba(0,0,0,0.3) !important
}

.col.light .btn.btn-see-through.disabled,.col.dark .btn.btn-see-through.disabled {
    color: #ddd !important
}

.btn.disabled,.btn[disabled],fieldset[disabled] .btn {
    pointer-events: none;
    cursor: not-allowed;
    opacity: .65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-link {
    font-weight: normal;
    color: #428bca;
    cursor: pointer;
    border-radius: 0
}

.btn-link,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active {
    border-color: transparent
}

.btn-link:hover,.btn-link:focus {
    color: #2a6496;
    text-decoration: underline;
    background-color: transparent
}

.btn-link[disabled]:hover,fieldset[disabled] .btn-link:hover,.btn-link[disabled]:focus,fieldset[disabled] .btn-link:focus {
    color: #999;
    text-decoration: none
}

.btn i {
    margin-right: 10px
}

.btn-highlight:active,.btn-highlight.active,.open .dropdown-toggle.btn-highlight {
    background-image: none
}

.btn.btn-highlight.style2 {
    letter-spacing: 2px;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase
}

.btn .btn-twitter {
    background-color: #00b9f7;
    color: #fff
}

.btn .btn-twitter:hover {
    background-color: #01aee8
}

.btn .btn-facebook {
    background-color: #367bb7;
    color: #fff
}

.btn .btn-facebook:hover {
    background-color: #2d70aa
}

.btn-special {
    box-shadow: 0 0 0 1px #ebebeb;
    border: 5px solid #fff !important;
    border-radius: 30px !important
}

.btn-subtext small {
    display: block
}

.btn.btn-text-animated {
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

.btn-text-animated span:first-child {
    display: inline-block;
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s;
    -webkit-backface-visibility: hidden;
    -moz-transition: all .3s;
    -moz-backface-visibility: hidden;
    transition: all .3s;
    backface-visibility: hidden
}

.btn-text-animated:hover span:first-child {
    -webkit-transform: translateX(-120%);
    -moz-transform: translateX(-120%);
    -ms-transform: translateX(-120%);
    transform: translateX(-120%)
}

.btn-text-animated span:last-child {
    display: inline-block;
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s;
    -webkit-backface-visibility: hidden;
    -moz-transition: all .3s;
    -moz-backface-visibility: hidden;
    transition: all .3s;
    backface-visibility: hidden
}

.btn-text-animated span:last-child {
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    left: 100%;
    right: 0
}

.btn-text-animated:hover span:last-child {
    left: 0
}

.btn-app {
    font-weight: bold;
    text-align: left
}

.btn-app i {
    font-size: 34px;
    line-height: 36px;
    font-weight: normal;
    float: left;
    text-align: center;
    width: 34px
}

.btn-app.btn-xs i {
    font-size: 24px;
    line-height: 32px;
    width: 24px
}

.btn-app.btn-xs small {
    line-height: 14px;
    margin-left: 34px
}

.btn-app.btn-xs span {
    margin-left: 34px
}

.btn-app small {
    font-size: 12px;
    font-weight: normal;
    display: block;
    margin-left: 40px
}

.btn-app span {
    display: block;
    margin-left: 40px
}

.btn-group-lg>.btn {
    border-radius: 4px
}

.btn-or {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    color: #666;
    display: inline-block;
    font-size: 10px;
    font-style: italic;
    height: 26px;
    left: 50%;
    line-height: 21px;
    margin: -13px 0 0 -17px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 26px;
    z-index: 11
}

.btn-group-lg .btn {
    font-size: 14px;
    padding: 16px 26px
}

.btn-group-or>.btn:first-child:after {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    color: #666;
    display: inline-block;
    font-size: 10px;
    font-style: italic;
    height: 26px;
    right: -13px;
    line-height: 21px;
    position: absolute;
    text-align: center;
    top: 50%;
    margin: -13px 0 0 0;
    width: 26px;
    z-index: 999;
    content: " or "
}

.btn-group-or>.btn-highlight.btn:first-child:after {
    color: #fff;
    border: 2px solid #fff
}

.btn-group-or>.btn-highlight.btn:last-child {
    margin-left: 2px
}

.btn-lg {
    padding: 14px 20px;
    font-size: 16px;
    line-height: 1.33;
    border-radius: 4px
}

.btn-sm,.btn-xs {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-xs {
    padding: 1px 5px
}

.kleo-facebook-connect.btn.btn-default {
    background-color: #3B5997;
    color: #fff;
    border-color: #2b4780
}

.kleo-facebook-connect.btn.btn-default:hover {
    background-color: #2b4780;
    color: #fff;
    border-color: #2b4780
}

input.form-control.input-xl {
    padding: 25px 20px
}

.input-group .input-xl,.input-group .btn.btn-xl {
    margin-top: 0
}

.input-group .btn.btn-xl {
    padding-right: 50px;
    padding-left: 50px
}

.input-group .btn i {
    margin-right: 0
}

.input-shadow {
    box-shadow: 6px 0 18px rgba(43,33,47,0.15)
}

@media (max-width: 767px) {
    .input-group .btn.btn-xl {
        padding-right:30px;
        padding-left: 30px
    }
}

.btn.btn-xl {
    padding: 14px 60px;
    font-size: 16px
}

.btn.btn-xxl {
    padding: 20px 80px;
    font-size: 18px
}

.btn.btn-boxed-icon.with-icon {
    position: relative
}

.btn.btn-boxed-icon.with-icon i {
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    background: #2b212f;
    color: #fff;
    text-align: center;
    display: inline-block
}

.btn.btn-boxed-icon.with-icon i {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.btn.btn-boxed-icon.with-icon i:before {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-self: center;
    -webkit-align-self: center
}

.btn.btn-xs.btn-boxed-icon.with-icon {
    padding-left: 25px
}

.btn.btn-xs.btn-boxed-icon.with-icon i {
    width: 20px;
    line-height: 20px;
    font-size: 12px
}

.btn.btn-sm.btn-boxed-icon.with-icon {
    padding-left: 40px
}

.btn.btn-sm.btn-boxed-icon.with-icon i {
    width: 30px;
    line-height: 27px;
    font-size: 16px
}

.btn.btn-lg.btn-boxed-icon.with-icon {
    padding-left: 70px
}

.btn.btn-lg.btn-boxed-icon.with-icon i {
    width: 50px;
    line-height: 49px;
    font-size: 18px
}

.btn.btn-xl.btn-boxed-icon.with-icon {
    padding-left: 110px
}

.btn.btn-xl.btn-boxed-icon.with-icon i {
    width: 50px;
    line-height: 50px;
    font-size: 18px
}

.btn.btn-xxl.btn-boxed-icon.with-icon {
    padding-left: 140px
}

.btn.btn-xxl.btn-boxed-icon.with-icon i {
    width: 60px;
    line-height: 60px;
    font-size: 20px
}

.text-uppercase {
    text-transform: uppercase
}

input[type="text"],input[type="password"],input[type="date"],input[type="datetime"],input[type="datetime-local"],input[type="month"],input[type="week"],input[type="email"],input[type="number"],input[type="search"],input[type="tel"],input[type="time"],input[type="url"],textarea {
    border-style: solid;
    border-width: 1px;
    display: block;
    margin: 0 0 1em;
    padding: .5em
}

input[type="text"]:focus,input[type="password"]:focus,input[type="date"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="month"]:focus,input[type="week"]:focus,input[type="email"]:focus,input[type="number"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="time"]:focus,input[type="url"]:focus,textarea:focus {
    outline: none
}

input[type=number] {
    -moz-appearance: textfield
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none
}

.input-lg {
    line-height: 34px
}

select {
    height: 30px;
    border-radius: 2px;
    border-style: solid;
    border-width: 1px;
    outline: none;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    text-indent: .01px;
    text-overflow: "";
    padding: 0 30px 0 9px !important
}

html.no-touch select[multiple] {
    padding: 0 2px 0 0 !important
}

select:not([multiple]),html.touch select {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIZJREFUeNrs1MEJwCAMBdA0OIjnDuYIdYY6pcdOIU2KhfbYiBbhC0Iu+vghuoQQViI6aPBi+mkBBgwY8HjYe7/ptp53VpSZY60p55y6J36i1wVSW5J/TlzTpWmHyxlaHaW9r9aWUpJ0Yu+aWAGFWlDzVCuk03zXw55TC4gvEzBgwPPCpwADAJAnLqKmIGxnAAAAAElFTkSuQmCC') 100% 50% no-repeat
}

select.input-lg:not([multiple]),html.touch select.input-lg {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAtCAYAAAC53tuhAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAVtJREFUeNrslr9OhEAQxvlj4CIkGiEQbIiFzT2Ahc+giS9gYcMz+Ap21lfY+AAW9w6+whUWl1AcQiBqAgRCgJvPaHIxFh5mMDE7yWS/nYLfzrA7u3IQBFNJkp6lkU2R/sgEWIAFWIAF+B+D+77v4KODu66r4KOC27YtLMs6hUMP+cbOkBLrun5I0CvM8zxfNk3zIsuywpoxyuu67hkt4BwOPaTkW4Mdx7kwTfNaVdU9ODRi7GDDMKZlWapVVS3h0Iix/+Moiu5pmKPqG4t/ZQcXRfH0XVzTtANWMJX1mIb9rxnTzs5YwZ7nXdJuDkiWH6FdOkqzMAxvuUu9sG27pSN09J6uoqzSNF2w7+okSR6oadxQx3qDQyPGvrkow0kcx3Pf908wh0aMHYzWWNf1KsuyO8yhqZEY7GAYQAR+/NSjXBKbJf/NQ2AweNvbSLy5BFiABViABfjHthZgADhOmRcecy8OAAAAAElFTkSuQmCC')
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    select {
        padding-right:35px !important
    }
}

select::-ms-expand {
    display: none
}

.lt-ie9 select,.lt-ie10 select {
    background: none;
    padding-right: 3px !important
}

.label {
    color: #777;
    padding: 0;
    font-size: 100%
}

.label-default,.label-primary,.label-success,.label-info,.label-warning,.label-danger {
    padding: .2em .6em .3em;
    font-size: 75%;
    color: #fff
}

.label.label-default a,.label.label-default a:hover,.label.label-primary a {
    color: #fff
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 0;
    font-size: 13px;
    line-height: inherit;
    color: #777;
    border: 0
}

.pager li>a,.pager li>span {
    display: inline-block;
    padding: 5px 10px;
    min-width: 32px;
    height: 32px;
    border-radius: 3px
}

.pager li>a i,.pager li>span i {
    margin-left: -14px;
    margin-right: -14px
}

.pager li>a:hover,.pager li>a:focus {
    text-decoration: none;
    background-color: transparent
}

[class^="icon-"]:before,[class*=" icon-"]:before {
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    margin-right: auto !important;
    text-align: center;
    margin-left: auto !important
}

.icon-large:before {
    vertical-align: -10%;
    font-size: 1.33333333em
}

a [class^="icon-"],a [class*=" icon-"] {
    display: inline
}

[class^="icon-"].icon-fixed-width,[class*=" icon-"].icon-fixed-width {
    display: inline-block;
    width: 1.14285714em;
    text-align: right;
    padding-right: .28571429em
}

[class^="icon-"].icon-fixed-width.icon-large,[class*=" icon-"].icon-fixed-width.icon-large {
    width: 1.42857143em
}

.icons-ul {
    margin-left: 2.14285714em;
    list-style-type: none
}

.icons-ul>li {
    position: relative
}

.icons-ul .icon-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    text-align: center;
    line-height: inherit
}

[class^="icon-"].hide,[class*=" icon-"].hide {
    display: none
}

.icon-muted {
    color: #eeeeee
}

.icon-light {
    color: #ffffff
}

.icon-dark {
    color: #333333
}

.icon-border {
    border: solid 1px #eeeeee;
    padding: .2em .25em .15em;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.icon-2x {
    font-size: 2em
}

.icon-2x.icon-border {
    border-width: 2px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.icon-3x {
    font-size: 3em
}

.icon-3x.icon-border {
    border-width: 3px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.icon-4x {
    font-size: 4em
}

.icon-4x.icon-border {
    border-width: 4px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px
}

.icon-5x {
    font-size: 5em
}

.icon-5x.icon-border {
    border-width: 5px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

[class^="icon-"].pull-left,[class*=" icon-"].pull-left {
    margin-right: .3em
}

[class^="icon-"].pull-right,[class*=" icon-"].pull-right {
    margin-left: .3em
}

.custom-color a.kleo-icon-anchor {
    color: inherit !important;
    opacity: .8
}

.custom-color a.kleo-icon-anchor:hover {
    opacity: 1
}

.no-js ul.nav li.dropdown:hover ul.dropdown-menu {
    display: block
}

.no-js a.menu:after,.no-js .dropdown-toggle:after {
    content: none
}

.no-js .dropdown-submenu>.dropdown-menu {
    display: none !important
}

.no-js .dropdown-submenu:hover>.dropdown-menu {
    display: block !important
}

.no-js .kleo-thumbs-animated a {
    margin-bottom: 0
}

.no-js .kleo-gallery-image span {
    position: absolute;
    z-index: 0;
    visibility: hidden
}

.no-js .kleo-gallery-image span:first-child {
    position: relative;
    z-index: 1;
    visibility: visible
}

.vc-relative {
    position: relative
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .img-name {
        background-image:url('../your-image-path/img-name@2x.png')
    }
}

.responsive-cols {
    list-style: none;
    padding: 0;
    margin-bottom: 0
}

.responsive-cols>* {
    float: left
}

.responsive-cols.per-row-6>* {
    width: 16.6%
}

.responsive-cols.per-row-5>* {
    width: 20%
}

.responsive-cols.per-row-4>* {
    width: 25%
}

.responsive-cols.per-row-3>* {
    width: 33.333%
}

.responsive-cols.per-row-2>* {
    width: 49.9%
}

@media (min-width: 992px) and (max-width:1199px) {
    .responsive-cols>* {
        width:33.3% !important
    }

    .responsive-cols.per-row-2>* {
        width: 49.9% !important
    }
}

@media (max-width: 991px) {
    .responsive-cols>* {
        width:49.9% !important
    }
}

@media screen and (max-width: 480px) {
    .responsive-cols>* {
        width:100% !important;
        float: none
    }
}

canvas.letitsnow {
    position: absolute;
    top: 0;
    z-index: 999999;
    pointer-events: none;
    left: 0
}

canvas.letitsnow.pos-fixed {
    position: fixed
}

.kleo-particles canvas {
    display: block;
    vertical-align: bottom
}

.kleo-particles {
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url("");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0
}

@media (min-width: 768px) {
    .template-page.col-sm-push-3 {
        left:-moz-calc(25% - 1px);
        left: -webkit-calc(25% - 1px);
        left: -o-calc(25% - 1px);
        left: calc(25% - 1px)
    }

    .template-page.tpl-left.col-sm-push-2 {
        left: -moz-calc(16.6667% - 1px);
        left: -webkit-calc(16.6667% - 1px);
        left: -o-calc(16.6667% - 1px);
        left: calc(16.6667% - 1px)
    }

    .template-page.tpl-left.col-sm-push-4 {
        left: -moz-calc(33.3333% - 1px);
        left: -webkit-calc(33.3333% - 1px);
        left: -o-calc(33.3333% - 1px);
        left: calc(33.3333% - 1px)
    }

    .template-page.tpl-left.col-sm-push-5 {
        left: -moz-calc(41.6667% - 1px);
        left: -webkit-calc(41.6667% - 1px);
        left: -o-calc(41.6667% - 1px);
        left: calc(41.6667% - 1px)
    }

    .template-page.col-sm-push-6 {
        left: -moz-calc(50% - 1px);
        left: -webkit-calc(50% - 1px);
        left: -o-calc(50% - 1px);
        left: calc(50% - 1px)
    }

    .template-page.tpl-3ll.col-sm-push-6 {
        left: -moz-calc(50% - 2px);
        left: -webkit-calc(50% - 2px);
        left: -o-calc(50% - 2px);
        left: calc(50% - 2px)
    }

    .sidebar-3ll.col-sm-4 {
        right: -moz-calc(33.3334% - 2px);
        right: -webkit-calc(33.3334% - 2px);
        right: -o-calc(33.3334% - 2px);
        right: calc(33.3334% - 2px)
    }

    .sidebar-3ll.col-sm-2 {
        right: -moz-calc(66.6667% - 2px);
        right: -webkit-calc(66.6667% - 2px);
        right: -o-calc(66.6667% - 2px);
        right: calc(66.6667% - 2px)
    }

    .sidebar-extra.sidebar-3ll {
        margin-left: -1px
    }

    .sidebar-extra.sidebar-3lr {
        left: -1px
    }

    .sidebar-extra.sidebar-3lr.col-sm-3 {
        left: -2px
    }
}

@media (min-width: 1200px) {
    #productModal .product-info {
        padding:20px 30px 0 0
    }
}

@media screen and (max-width: 480px) {
    .kleo-quick-contact-wrapper {
        display:none
    }

    #buddypress div#item-nav {
        border-bottom: 0;
        padding: 20px
    }

    .buddypress div#item-header div#item-header-content p:first-child {
        height: 20px;
        -webkit-line-clamp: 1;
        max-width: 90%;
        margin: 10px auto 10px
    }

    #buddypress div#item-nav .responsive-tabs {
        height: auto !important
    }

    #buddypress div#item-nav .tabdrop .dropdown-menu li a {
        height: 43px;
        line-height: 43px
    }

    #buddypress div#item-nav ul li a:before {
        margin-bottom: 0 !important
    }

    #buddypress div#item-nav ul li.dropdown a.dropdown-toggle:before {
        background: #fafafa
    }

    #buddypress div.message-search {
        width: 100%;
        display: block;
        margin-top: 10px
    }

    #buddypress li div.item {
        margin-left: 0
    }

    #buddypress #groups-list .group-inner-list {
        overflow: auto
    }

    .hr-title.hr-full,.hr-title.hr-long,.hr-title.hr-short {
        width: 100% !important
    }

    #buddypress div#item-nav .responsive-tabs {
        height: auto
    }

    #item-nav .tabdrop .dropdown-menu {
        margin: 11px 0 0 !important
    }

    #buddypress div.activity-comments {
        margin-left: 0
    }

    .carousel-prev,.carousel-next,.kleo-woo-prev,.kleo-woo-next,.kleo-thumbs-prev,.kleo-thumbs-next {
        display: none !important
    }

    .logo,.logo a {
        overflow: hidden
    }

    .logo img {
        height: auto
    }

    #comments .comment-respond,#comments-list .comment-respond {
        margin-left: 0
    }

    .kleo-mfp-zoom .mfp-container {
        padding: 0;
        margin: 0 auto;
        max-width: initial
    }
}

@media screen and (max-width: 400px) {
    .kleo-carousel li article {
        padding-right:1px !important
    }

    .kleo-carousel {
        padding-left: 0 !important
    }
}

@media screen and (max-width: 767px) {
    .template-page.no-sidebar .wrap-content,.template-page.col-sm-push-3 .wrap-content,.template-page.tpl-3ll .wrap-content,.sidebar-main.sidebar-3rr .inner-content,.sidebar-extra.sidebar-3lr .inner-content,.sidebar-extra.sidebar-3rr .inner-content,.sidebar-extra.sidebar-3ll .inner-content,.template-page.tpl-3lr .wrap-content,.template-page.tpl-3rr .wrap-content,.sidebar-main.sidebar-3lr .inner-content,.sidebar-main.sidebar-3ll .inner-content,.sidebar-main.sidebar-3rr .inner-content,.sidebar-extra.sidebar-3ll .inner-content,.template-page .wrap-content,.sidebar-left .inner-content,.template-page.tpl-right .wrap-content,.sidebar-right .inner-content {
        padding-left:0;
        padding-right: 0
    }

    .template-page,.template-page.tpl-left,.template-page.tpl-3ll,.sidebar-extra.sidebar-3ll,.sidebar-extra.sidebar-3lr,.sidebar-extra.sidebar-3rr,.sidebar-right,.sidebar-main.sidebar-3rr,.sidebar-left,.sidebar-extra.sidebar-3ll,.sidebar-main.sidebar-3ll,.sidebar-main.sidebar-3lr,.sidebar-main.sidebar-3rr {
        border: 0
    }

    .page-boxed .template-page.tpl-right .wrap-content {
        padding-right: 0
    }

    .page-boxed .sidebar-right .inner-content {
        padding-left: 0
    }

    .page-boxed .template-page.tpl-left .wrap-content {
        padding-left: 0
    }

    .page-boxed .sidebar-left .inner-content {
        padding-right: 0
    }

    article .article-meta,.single-attachment .entry-header {
        width: 100%;
        float: none;
        text-align: left;
        margin-bottom: 10px
    }

    .posts-listing.standard-listing.with-meta .article-title,.single .with-meta .article-media,.posts-listing.standard-listing.with-meta .article-media,.single .container .with-meta .article-content,.posts-listing.standard-listing.with-meta .article-content,.single-attachment .entry-content {
        margin-left: 0
    }

    #image-navigation {
        padding-left: 0
    }

    .vertical-col .col-sm-1,.vertical-col .col-sm-2,.vertical-col .col-sm-3,.vertical-col .col-sm-4,.vertical-col .col-sm-5,.vertical-col .col-sm-6,.vertical-col .col-sm-7,.vertical-col .col-sm-8,.vertical-col .col-sm-9,.vertical-col .col-sm-10,.vertical-col .col-sm-11,.vertical-col .col-sm-12 {
        display: block
    }

    .vertical-col .container-full .row:first-child,.vertical-col>.section-container .row:first-child {
        display: block;
        width: auto
    }

    #main-container .template-page.tpl-3ll,#main-container .sidebar.sidebar-3ll,#main-container .template-page.tpl-3rr,#main-container .sidebar.sidebar-3rr,#main-container .template-page.tpl-3lr,#main-container .sidebar.sidebar-3lr {
        margin-bottom: 0;
        padding-bottom: 0
    }

    #main-container>.row {
        display: block
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .tpl-right article .article-meta,.tpl-left article .article-meta {
        width:100%;
        float: none;
        text-align: left;
        margin-bottom: 10px
    }

    .tpl-right.posts-listing.standard-listing.with-meta .article-title,.single .tpl-right.with-meta .article-media,.tpl-right.posts-listing.standard-listing.with-meta .article-media,.single .container .tpl-right.with-meta .article-content,.tpl-right.posts-listing.standard-listing.with-meta .article-content,.tpl-left.posts-listing.standard-listing.with-meta .article-title,.single .tpl-left.with-meta .article-media,.tpl-left.posts-listing.standard-listing.with-meta .article-media,.single .container .tpl-left.with-meta .article-content,.tpl-left.posts-listing.standard-listing.with-meta .article-content {
        margin-left: 0
    }

    .tpl-right article .article-meta .entry-date,.tpl-right article .article-meta .post-meta,.tpl-left article .article-meta .entry-date,.tpl-left article .article-meta .post-meta {
        width: auto;
        font-family: inherit;
        font-size: inherit
    }

    .tpl-right article .article-meta .post-meta .meta-links,.tpl-right article .article-meta .post-meta a.post-time:after,.tpl-right article .article-meta .post-meta .meta-comment-count,.tpl-left article .article-meta .post-meta .meta-links,.tpl-left article .article-meta .post-meta a.post-time:after,.tpl-left article .article-meta .post-meta .meta-comment-count {
        display: inline
    }

    #bbpress-forums form#bbp-search-form {
        width: 96%
    }

    #bbpress-forums #bbp-search-form input[type=text],#bbpress-forums #bbp-search-form input[type=text] {
        min-width: inherit;
        width: 90%
    }

    #bbpress-forums #bbp-search-form input[type=text]:focus,#bbpress-forums #bbp-search-form input[type=text]:focus {
        min-width: inherit
    }
}

.article-content .bbp-search-form {
    padding: 0 5px
}

@media (min-width: 767px) {
    .article-content .bbp-search-form .input-group {
        max-width:500px
    }

    .navbar-collapse.collapse {
        display: inline-block !important
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .widget form#bbp-search-form input[type=text],.widget_search #searchform input[type=text] {
        max-width:110px
    }

    #bbpress-forums form#bbp-search-form {
        width: 99%
    }
}

@media (min-width: 1440px) {
    .container {
        max-width:1280px
    }
}

.touch-device {
    display: none
}

@media (max-width: 991px) {
    section.bg-full-video .mejs-mediaelement {
        display:none
    }

    section.bg-full-video .mejs-poster {
        display: block !important
    }

    .post-image img {
        width: 100%
    }

    article .article-meta .entry-date,article .article-meta .post-meta,.single-attachment .post-time {
        width: auto;
        font-family: inherit;
        font-size: inherit
    }

    article .article-meta .post-meta .meta-links,article .article-meta .post-meta .avatar,article .article-meta .post-meta .meta-author img,article .article-meta .post-meta .meta-author .author-name,article .article-meta .post-meta a.post-time:after,article .article-meta .post-meta .meta-comment-count {
        display: inline
    }

    article .article-meta .post-meta .meta-author,article .article-meta .post-meta .meta-author img {
        float: none
    }

    article .article-meta .post-meta .meta-author img {
        width: 25px
    }
}

.kleo-transform .animated.animate-when-visible,.kleo-transform .animated.animate-when-almost-visible,.cul {
    opacity: 0
}

.kleo-transform .animated.start-animation.top-to-bottom,.popover.top,.tooltip.top {
    -webkit-animation: kleo-ttb .8s 1 cubic-bezier(.175, .885, .32, 1.275);
    -moz-animation: kleo-ttb .8s 1 cubic-bezier(.175, .885, .32, 1.275);
    -o-animation: kleo-ttb .8s 1 cubic-bezier(.175, .885, .32, 1.275);
    animation: kleo-ttb .8s 1 cubic-bezier(.175, .885, .32, 1.275);
    opacity: 1
}

.kleo-transform .animated.start-animation.bottom-to-top,.popover.bottom,.tooltip.bottom {
    -webkit-animation: kleo-btt .8s 1 cubic-bezier(.165, .84, .44, 1);
    -moz-animation: kleo-btt .8s 1 cubic-bezier(.165, .84, .44, 1);
    -o-animation: kleo-btt .8s 1 cubic-bezier(.165, .84, .44, 1);
    animation: kleo-btt .8s 1 cubic-bezier(.165, .84, .44, 1);
    opacity: 1
}

.kleo-transform .animated.start-animation.left-to-right,.popover.left,.tooltip.left {
    -webkit-animation: kleo-ltr .8s 1 cubic-bezier(.175, .885, .32, 1.275);
    -moz-animation: kleo-ltr .8s 1 cubic-bezier(.175, .885, .32, 1.275);
    -o-animation: kleo-ltr .8s 1 cubic-bezier(.175, .885, .32, 1.275);
    animation: kleo-ltr .8s 1 cubic-bezier(.175, .885, .32, 1.275);
    opacity: 1
}

.kleo-transform .animated.start-animation.right-to-left,.popover.right,.tooltip.right {
    -webkit-animation: kleo-rtl .8s 1 cubic-bezier(.175, .885, .32, 1.275);
    -moz-animation: kleo-rtl .8s 1 cubic-bezier(.175, .885, .32, 1.275);
    -o-animation: kleo-rtl .8s 1 cubic-bezier(.175, .885, .32, 1.275);
    animation: kleo-rtl .8s 1 cubic-bezier(.175, .885, .32, 1.275);
    opacity: 1
}

@-webkit-keyframes kleo-ltr {
    0% {
        -webkit-transform: translate(-10%, 0);
        opacity: 0
    }

    100% {
        -webkit-transform: translate(0, 0);
        opacity: 1
    }
}

@-moz-keyframes kleo-ltr {
    0% {
        -moz-transform: translate(-10%, 0);
        opacity: 0
    }

    100% {
        -moz-transform: translate(0, 0);
        opacity: 1
    }
}

@-o-keyframes kleo-ltr {
    0% {
        -o-transform: translate(-10%, 0);
        opacity: 0
    }

    100% {
        -o-transform: translate(0, 0);
        opacity: 1
    }
}

@keyframes kleo-ltr {
    0% {
        transform: translate(-10%, 0);
        opacity: 0
    }

    100% {
        transform: translate(0, 0);
        opacity: 1
    }
}

@-webkit-keyframes kleo-rtl {
    0% {
        -webkit-transform: translate(10%, 0);
        opacity: 0
    }

    100% {
        -webkit-transform: translate(0, 0);
        opacity: 1
    }
}

@-moz-keyframes kleo-rtl {
    0% {
        -moz-transform: translate(10%, 0);
        opacity: 0
    }

    100% {
        -moz-transform: translate(0, 0);
        opacity: 1
    }
}

@-o-keyframes kleo-rtl {
    0% {
        -o-transform: translate(10%, 0);
        opacity: 0
    }

    100% {
        -o-transform: translate(0, 0);
        opacity: 1
    }
}

@keyframes kleo-rtl {
    0% {
        transform: translate(10%, 0);
        opacity: 0
    }

    100% {
        transform: translate(0, 0);
        opacity: 1
    }
}

@-webkit-keyframes kleo-btt {
    0% {
        -webkit-transform: translate(0, 50%);
        opacity: 0
    }

    100% {
        -webkit-transform: translate(0, 0);
        opacity: 1
    }
}

@-moz-keyframes kleo-btt {
    0% {
        -moz-transform: translate(0, 50%);
        opacity: 0
    }

    100% {
        -moz-transform: translate(0, 0);
        opacity: 1
    }
}

@-o-keyframes kleo-btt {
    0% {
        -o-transform: translate(0, 50%);
        opacity: 0
    }

    100% {
        -o-transform: translate(0, 0);
        opacity: 1
    }
}

@keyframes kleo-btt {
    0% {
        transform: translate(0, 50%);
        opacity: 0
    }

    100% {
        transform: translate(0, 0);
        opacity: 1
    }
}

@-webkit-keyframes kleo-ttb {
    0% {
        -webkit-transform: translate(0, -10%);
        opacity: 0
    }

    100% {
        -webkit-transform: translate(0, 0);
        opacity: 1
    }
}

@-moz-keyframes kleo-ttb {
    0% {
        -moz-transform: translate(0, -10%);
        opacity: 0
    }

    100% {
        -moz-transform: translate(0, 0);
        opacity: 1
    }
}

@-o-keyframes kleo-ttb {
    0% {
        -o-transform: translate(0, -10%);
        opacity: 0
    }

    100% {
        -o-transform: translate(0, 0);
        opacity: 1
    }
}

@keyframes kleo-ttb {
    0% {
        transform: translate(0, -10%);
        opacity: 0
    }

    100% {
        transform: translate(0, 0);
        opacity: 1
    }
}

.kleo-transform .one-by-one-animated .el-appear,.kleo-transform .multi-columns-row .one-by-one-animated .el-appear,.kleo-transform .kleo-thumbs-animated.th-appear img,.kleo-transform .el-appear {
    opacity: .1;
    -moz-transform: scale(.5);
    -webkit-transform: scale(.5);
    -o-transform: scale(.5);
    transform: scale(.5)
}

.kleo-transform .multi-columns-row .el-appear {
    opacity: 1;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.kleo-transform .one-by-one-animated .start-animation .el-appear,.kleo-transform .kleo-thumbs-animated.th-appear img.start-animation,.kleo-transform .start-animation.el-appear {
    -webkit-animation: kleo_appear 1s 1 cubic-bezier(.175, .885, .32, 1.275);
    -moz-animation: kleo_appear 1s 1 cubic-bezier(.175, .885, .32, 1.275);
    -o-animation: kleo_appear 1s 1 cubic-bezier(.175, .885, .32, 1.275);
    animation: kleo_appear 1s 1 cubic-bezier(.175, .885, .32, 1.275);
    opacity: 1;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

@-webkit-keyframes kleo_appear {
    0% {
        -webkit-transform: scale(.5);
        opacity: .1
    }

    100% {
        -webkit-transform: scale(1);
        opacity: 1
    }
}

@-moz-keyframes kleo_appear {
    0% {
        -moz-transform: scale(.5);
        opacity: .1
    }

    100% {
        -moz-transform: scale(1);
        opacity: 1
    }
}

@-o-keyframes kleo_appear {
    0% {
        -o-transform: scale(.5);
        opacity: .1
    }

    100% {
        -o-transform: scale(1);
        opacity: 1
    }
}

@keyframes kleo_appear {
    0% {
        transform: scale(.5);
        opacity: .1
    }

    100% {
        transform: scale(1);
        opacity: 1
    }
}

.kleo-transform .one-by-one-animated .el-fade,.kleo-transform .kleo-thumbs-animated.th-fade img,.kleo-transform .el-fade {
    opacity: .1
}

.kleo-transform .one-by-one-animated .start-animation .el-fade,.kleo-transform .kleo-thumbs-animated.th-fade img.start-animation,.kleo-transform .start-animation.el-fade {
    -webkit-animation: kleo_fade 2s 1 cubic-bezier(.175, .885, .32, 1.275);
    -moz-animation: kleo_fade 2s 1 cubic-bezier(.175, .885, .32, 1.275);
    -o-animation: kleo_fade 2s 1 cubic-bezier(.175, .885, .32, 1.275);
    animation: kleo_fade 2s 1 cubic-bezier(.175, .885, .32, 1.275);
    opacity: 1
}

.kleo-transform .el-zero-fade {
    opacity: 0
}

.kleo-transform .start-animation.el-zero-fade {
    -webkit-animation: kleo_fade 2s 1 cubic-bezier(.175, .885, .32, 1.275);
    -moz-animation: kleo_fade 2s 1 cubic-bezier(.175, .885, .32, 1.275);
    -o-animation: kleo_fade 2s 1 cubic-bezier(.175, .885, .32, 1.275);
    animation: kleo_fade 2s 1 cubic-bezier(.175, .885, .32, 1.275);
    opacity: 1
}

@-webkit-keyframes kleo_fade {
    0% {
        opacity: .1
    }

    100% {
        opacity: 1
    }
}

@-moz-keyframes kleo_fade {
    0% {
        opacity: .1
    }

    100% {
        opacity: 1
    }
}

@-o-keyframes kleo_fade {
    0% {
        opacity: .1
    }

    100% {
        opacity: 1
    }
}

@keyframes kleo_fade {
    0% {
        opacity: .1
    }

    100% {
        opacity: 1
    }
}

.kleo-transform .pulsate {
    -webkit-animation: pulsate 1s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation: pulsate 1s ease-out;
    -moz-animation-iteration-count: infinite;
    -ms-animation: pulsate 1s ease-out;
    -ms-animation-iteration-count: infinite
}

@-webkit-keyframes pulsate {
    0% {
        -webkit-transform: scale(.65, .65);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1.7, 1.7);
        opacity: 0
    }
}

@-moz-keyframes pulsate {
    0% {
        -moz-transform: scale(.65, .65);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        -moz-transform: scale(1.7, 1.7);
        opacity: 0
    }
}

@-ms-keyframes pulsate {
    0% {
        -ms-transform: scale(.5, .5);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        -ms-transform: scale(2, 2);
        opacity: 0
    }
}

.kleo-transform .custom-progress-bar div.progress.start-animation .bar-outer {
    -webkit-animation: kleo_expand 1.5s cubic-bezier(.165, .84, .44, 1);
    -moz-animation: kleo_expand 1.5s cubic-bezier(.165, .84, .44, 1);
    -o-animation: kleo_expand 1.5s cubic-bezier(.165, .84, .44, 1);
    animation: kleo_expand 1.5s cubic-bezier(.165, .84, .44, 1);
    width: 100%
}

@-webkit-keyframes kleo_expand {
    0% {
        width: 0
    }

    100% {
        width: 100%
    }
}

@-moz-keyframes kleo_expand {
    0% {
        width: 0
    }

    100% {
        width: 100%
    }
}

@-o-keyframes kleo_expand {
    0% {
        width: 0
    }

    100% {
        width: 100%
    }
}

@keyframes kleo_expand {
    0% {
        width: 0
    }

    100% {
        width: 100%
    }
}

.kleo-slide-down {
    -webkit-animation: kleo_slide_down 1s 1 cubic-bezier(.175, .885, .32, 1.275);
    -moz-animation: kleo_slide_down 1s 1 cubic-bezier(.175, .885, .32, 1.275);
    -o-animation: kleo_slide_down 1s 1 cubic-bezier(.175, .885, .32, 1.275);
    animation: kleo_slide_down 1s 1 cubic-bezier(.175, .885, .32, 1.275);
    height: 100%
}

@-webkit-keyframes kleo_slide_down {
    0% {
        height: 0
    }

    100% {
        height: 100%
    }
}

@-moz-keyframes kleo_slide_down {
    0% {
        height: 0
    }

    100% {
        height: 100%
    }
}

@-o-keyframes kleo_slide_down {
    0% {
        height: 0
    }

    100% {
        height: 100%
    }
}

@keyframes kleo_slide_down {
    0% {
        height: 0
    }

    100% {
        height: 100%
    }
}

.animate-spin {
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
    display: inline-block
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-webkit-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-o-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-ms-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes fadeInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}

@-o-keyframes fadeInDown {
    0% {
        opacity: 0;
        -o-transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        -o-transform: translateY(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.animated.fadeInDown {
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown
}

.gap-10,.gap-20,.gap-30,.gap-40,.gap-60,.gap-100,.kleo-gap {
    clear: both
}

.gap-10 {
    height: 10px;
    line-height: 10px
}

.gap-20 {
    height: 20px;
    line-height: 20px
}

.gap-30 {
    height: 30px;
    line-height: 30px
}

.gap-40 {
    height: 40px;
    line-height: 40px
}

.gap-60 {
    height: 60px;
    line-height: 60px
}

.gap-100 {
    height: 100px;
    line-height: 100px
}

.hr-title {
    border-top-style: solid;
    border-top-width: 1px;
    font-size: 11px;
    text-align: center;
    height: 10px;
    line-height: 20px;
    margin: 10px auto -10px;
    height: auto
}

.hr-title abbr {
    padding: 2px 10px;
    border-radius: 2px;
    position: relative;
    top: -10px;
    letter-spacing: .2em;
    text-transform: uppercase
}

.hr-title i {
    position: relative;
    top: -2px;
    font-size: 8px
}

.hr-title.hr-full {
    width: 100%
}

.hr-title.hr-long {
    width: 50%
}

.hr-title.hr-short {
    width: 25%
}

.hr-title.hr-left {
    text-align: left
}

.hr-title.hr-right {
    text-align: right
}

.hr-title.hr-left abbr {
    padding-left: 0
}

.hr-title.hr-right abbr {
    padding-right: 0
}

.hr-title.hr-left.hr-long {
    margin-left: 0
}

.hr-title.hr-right.hr-long {
    margin-right: 0
}

.hr-title.hr-double {
    border-top: 4px double #ebebeb
}

.hr-title.hr-double abbr {
    top: -12px
}

.custom-progress-bar {
    position: relative
}

.progressbar-icon {
    position: absolute;
    left: 0;
    top: -15px;
    width: 50px;
    text-align: center;
    font-weight: 100;
    font-size: 50px;
    color: #e5e5e5
}

.progressbar-title {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 70px;
    padding: 0 10px;
    border-radius: 3px;
    height: 30px;
    line-height: 30px
}

.custom-progress-bar .progress {
    height: 30px;
    line-height: 30px;
    position: relative;
    margin-left: 70px;
    background: #f7f7f7;
    box-shadow: none
}

.custom-progress-bar .bar {
    background: #e5e5e5
}

.custom-progress-bar div.progress .bar-outer,.custom-progress-bar div.progress .bar {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-size: 32px 32px;
    border-radius: 3px
}

.custom-progress-bar div.progress .bar strong {
    display: block;
    height: 30px;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 7px;
    background-color: #e5e5e5;
    line-height: 30px;
    font-size: 10px;
    border-radius: 0 2px 2px 0;
    -moz-border-radius: 2px 2px 2px 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
    -o-border-radius: 2px 2px 2px 2px;
    opacity: 0
}

.custom-progress-bar div.progress {
    clear: both
}

.kleo-transform div.progress .bar-outer {
    width: 0
}

.custom-progress-bar.thin-progress .progressbar-title {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    padding: 0;
    border-radius: 3px;
    height: 30px;
    line-height: 30px
}

.custom-progress-bar.thin-progress .progress {
    height: 5px;
    line-height: 5px;
    position: relative;
    margin-left: 0;
    background: #f7f7f7;
    box-shadow: none;
    overflow: visible
}

.custom-progress-bar.thin-progress div.progress .bar-outer,.custom-progress-bar.thin-progress div.progress .bar {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-size: 32px 32px;
    border-radius: 3px
}

.custom-progress-bar.thin-progress div.progress .bar strong {
    display: block;
    height: 18px;
    position: absolute;
    top: -20px;
    right: 0;
    padding: 0 7px;
    line-height: 18px;
    font-size: 10px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    opacity: 0
}

.chart {
    position: relative;
    display: inline-block;
    width: 110px;
    height: 110px;
    margin-top: 50px;
    margin-bottom: 50px;
    text-align: center
}

.chart canvas {
    position: absolute;
    top: 0;
    left: 0
}

.percentage {
    display: inline-block;
    line-height: 110px;
    z-index: 2
}

.percentage:after {
    content: '%';
    margin-left: .1em;
    font-size: .8em
}

.angular {
    margin-top: 100px
}

.angular .chart {
    margin-top: 0
}

.kleo-carousel-items {
    position: relative
}

.kleo-carousel-container {
    position: relative;
    overflow: hidden
}

.kleo-carousel {
    background: url('data:image/gif;base64,R0lGODlhEAAQAKUAABwaHIyOjMzKzOTm5LSytFxaXHR2dJyenNza3PT29Ly+vISGhERGRJSWlNTS1Ozu7Ly6vGRmZHx+fKSmpOTi5Pz+/MTGxDQyNJSSlMzOzOzq7LS2tHx6fNze3Pz6/MTCxIyKjExKTJyanNTW1PTy9GxqbKyqrP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQICQAAACwAAAAAEAAQAAAGk8CTcHgSHYjIU8dAOoFApwfDkfQYJqcFdBFKECleS4mCaSAum1MiIwQFHBWTRtgJxC8XYYIggSQlABwPRAODSB0jQxYKEB9JQiUFBQaLCo6PEZIGQyReSCRNQx4ZBIlIDgQOHkIQEBQVI54kIxUUG35RqxQEJBkOJAQDJx6GQh4biQJsGRCrSA/NJ8rDG8WPI6ZIQQAh+QQICQAAACwAAAAAEAAQAIUEAgSEgoTEwsTk4uSkoqRERkRkYmTU0tT08vSUlpS0srRsbmwcHhyMiozMyszs6uysqqxcXlzc2tz8+vxMTkycnpy8urx0dnQcGhyEhoTExsTk5uSkpqRMSkxsamzU1tT09vScmpy0trR0cnQ0MjSMjozMzszs7uysrqzc3tz8/vz///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGk8CVcLiCoIjI1aAEWoVCq1NEkpw0RKsENGFoDh+TlSmwIXAGHcEKdBASCB+V5SQcVFSKQkcIEoQ0SSUkGQhEJ4VIAylDHyYObUkrFx4eAR8OJpBJk5VDCF5EEporEyYKH0kjAAt0KxYWAyofXghxBBgMQidhAwoImQgKAysIgEMTIqiYYhZhSCfNK8vIrZErH6hJQQAh+QQICQAAACwAAAAAEAAQAIUEAgSEhoTExsTk5uRMTkykpqTU1tRsamz09vS0trR0dnScmpzMzszs7uzc3tw0MjRcXly0srT8/vy8vrx8fnwcGhyUkpTMyszs6uysqqzc2tx0cnT8+vy8urx8enykoqTU0tT08vTk4uRkZmT///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGkECScEhKdIhI0qCAIGUypJDCkeR8BE7oR8EhNrqaRSMSEY0uJIRB2OmIJIKQcJCRTCAQIYeRWCMXBAtyQyFNSCIiQwYMFyBJQgEeHhYGFwyOjwEKk4SGRA5+egwRoUMUFR4NbG4SBoYaGxIZDw9CXyQiESGXDAAFaQxEHH0kliQHFZ5DDR1dxhgVWI9CBqVDQQAh+QQICQAAACwAAAAAEAAQAIUcGhyMjozMysxUVlTk5uSsrqx0cnT09vS8vrzc3tyEgoScnpxERkTU0tTs7uy0trRkZmR8fnz8/vzExsSMioykpqQ0MjSUlpTMzsxcWlzs6uy0srR0dnT8+vzEwsTk4uSEhoRMSkzU1tT08vS8urysqqz///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGjkCTcGiaCIhIk4PUMZEQphHlk+w8Gk7oJtAcOpqEzQgxIUSwh4SQRPpIRAehhiSZcDjCDuYhSpYgJSNEI3FIGlRCIhgCWEkmFxQUCyICGI1JkCALQ4RJH2pDeht9SBQWIIJObW+FCQoSDyEMQl8mH2IQECIABSYHlyZWfQMZJhwWhURLTcRKFhiOQwZ4SUEAIfkECAkAAAAsAAAAABAAEACFBAIEhIKExMLE5OLkREZEpKKkZGZk1NLU9PL0tLK0dHZ0XF5cnJqczMrM7OrsbG5s3Nrc/Pr8vLq8NDI0jI6MTE5MrK6sHBochIaExMbE5ObkTEpMpKakbGps1NbU9Pb0tLa0fH58ZGJkzM7M7O7sdHJ03N7c/P78vL68////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABpDAlHCY8niIyBRJEkk1RqlPwZGMgA5OqIDTHJKamgRidHAwjpGBUCIZnDwfISlzOlAowsgIdERKQglxQwiCRA5UQh4jDVhJKQUMDBYeT41JkJKDhUMDJkR6CX1EDBUMCGttJyWeKQMUJygLInJNBQAHJQoQEyApEaIpCBcPKQYdKRgbm0IZF1TGSgSWjiEBjkEAIfkECAkAAAAsAAAAABAAEACFBAIEhIKExMLE5OLkpKKkTE5M1NLU9PL0lJKUZGZktLK0zMrM7Ors3Nrc/Pr8nJqcdHZ0NDI0jI6MrKqsXF5cHBochIaExMbE5ObkpKak1NbU9Pb0lJaUbGpsvLq8zM7M7O7s3N7c/P78nJ6cfHp8ZGJk////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABpRAk3Bo0miISBPI4zAtPiaHB5SUGpzQD5MIaoYUh48BpMBEzSaPByPSbIQHjahByAgdH8UReXkI3kMHgEQHVEIaHwtXSSYKExMeGk+LSQoZkEMGDUkYaEIMHQAQSRMJGQdCFRUZDgEhQhgjIgsQoyYXbxMVGhYWAwUCJhuvQxsRoxAkJgglg0MLEVTJShSbjEISCIxBACH5BAgJAAAALAAAAAAQABAAhRwaHIyOjMzKzFxaXKyurOTm5HR2dJyenLy+vPT29Nze3DQ2NISChJSWlNTS1GxqbLS2tOzu7KyqrMTGxPz+/ERGRIyKjDQyNJSSlMzOzGRmZLSytOzq7Hx6fKSipMTCxPz6/OTi5ISGhJyanNTW1HRydLy6vPTy9ExKTP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAaTwJRwmCKRiMhUxARKCTIpkCmSBEEcTmiGSYw0C5tTxnHahKLUlMkUopASwhOJEoKYhKAM5Ih0XJtDJ3BIJydDJQMDD0lCHwgmE4gDGowpjggTQyQKSREFXR0ADEkQDBuDFxcSFAFnKRyrDhYBQgJwGwsKGA0hGgIpCa5CCRUWKSLGHgaARA4VhsgpJwaclSkjB4xBACH5BAgJAAAALAAAAAAQABAAhQQCBISChMTGxKSipOTm5ERGRLSytGxqbJSSlNTW1PT29IyKjMzOzKyqrOzu7FxeXLy6vHR2dDQyNExOTJyanOTi5Pz+/Hx+fBwaHISGhMzKzKSmpOzq7ExKTLS2tNza3Pz6/IyOjNTS1KyurPTy9Ly+vHx6fJyenP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAaTQJRwiEokiEiUAwJCaRgoEMSRBHlETiiDSRQoUBUDiSEiGSpRKgqD2VgSXxQpYal4IELOARBJiq5NQyIfSSQkQwEHB31JKCIMGgkXiox+kEdCH2hIDmpCDhkSCEkCFF5CHR0eFicEnxAWHwMbQiJfJRMVAwMEF1ggrkMKDxQoCCcoBiGBRAkPhxTFCgubjSgNI41BACH5BAgJAAAALAAAAAAQABAAhQQCBISChMTCxOTi5KSipExOTNTS1PTy9LSytGRmZJSWlHRydCwuLMzKzOzq7KyqrNza3Pz6/Ly6vIyOjFxeXJyenHx6fBwaHISGhMTGxOTm5KSmpNTW1PT29LS2tGxubJyanHR2dDQyNMzOzOzu7KyurNze3Pz+/Ly+vGRiZP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAaRQJVwqOJwiEhV5uJQNUaqiISUPFw+TuhIEiE2OioCwDAyHBCDKFXFEJVOC5PwwDkNPBIhyXIJJA0eBl1DHHJIBwdDExYWGElCZA0ciyGOjwZPR0ImGlWJQwcKBRVJHAiCQhQpKCcPTSokDXZ4QhxdGQkaCAgkIBBqRB0LGyoPDyooG4NEJiGJxiodG6+PKrRJQQAh+QQICQAAACwAAAAAEAAQAIUcGhyMjozMyszk5uRUVlSsrqx0cnTc2tz09vS8vryEgoScnpxERkTU0tTs7uy0trRkZmR8enzk4uT8/vzExsSMioykpqQ0MjSUlpTMzszs6uxcWly0srR0dnTc3tz8+vzEwsSEhoRMSkzU1tT08vS8urysqqz///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGkMCTcHgydIjIk+DiOBE2p0+piURcIk5opvQhNhAnE2AEgZA4gyiVIXpMFB4hYjSRlEpCR+gSSDY4GV1DBxJJCCRDCxUVGElCDRkCI4qMjicNAhkjQxIaSSRUQiQWEAVJIxwNgh0GAhNTonQSD3gnHmAZCgMgIA4chROhURUPJyUJl1xJEhVgxycIsJYnFAKOQQAh+QQICQAAACwAAAAAEAAQAIUEAgSEgoTExsTk5uRERkSkoqRkZmTU1tSUlpT09vS0srRcXlx0dnSMiozMzszs7uzc3tw0NjRMTkysqqx0cnScnpz8/vy8urwcGhyEhoTMyszs6uxMSkykpqRsamzc2tycmpz8+vxkYmR8fnyMjozU0tT08vTk4uS8vrz///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGj8CUcJgKBIjIVIlgShk8qQ1GkEwQGk6oAZMgHkIpReRDYZQAnZTlIVyIUBbSSfhhWE6Xi9CE4FSSJQoOYEMQA0kmXUITICBpSUoOGgeMjpBKGg4HQwNsSCaeQgkKAXpIgSWEDSQOFhqeJgd3eUInYB8gDyUlDwqHIaEpIRVUGhopDheERAMdYJnCF8GAm0lBACH5BAgJAAAALAAAAAAQABAAhQQCBISChMTCxOTi5KSipExOTNTS1PTy9LSytGRmZJSSlHRydBweHMzKzOzq7KyqrNza3Pz6/IyOjLy6vJyanHx6fBwaHISGhMTGxOTm5KSmpFxeXNTW1PT29GxubHR2dDQyNMzOzOzu7KyurNze3Pz+/Ly+vJyenP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAaWQJRwiJIoiEgUZ3NAfSooESiU7GwoTugH1CGSIqhJYRC4cCwj1KEhXHwaJUpGSAqUCBaG8EBIPJILAB4ORAOESBwcQxMPDwhJQiGSHAgjGo+QBiENikIiTUgHoEIdAhQYSZQGYCgEGhAlHF1qHCUDExNCDl0DCAchBgcIcxEiRCUTBigNVCETrEQiE12bKBETxpBCiZBBADs=') center center no-repeat
}

.caroufredsel_wrapper .kleo-carousel {
    background: none
}

.kleo-carousel-container.dot-carousel {
    overflow: visible
}

.kleo-carousel-container.dot-carousel ul.kleo-carousel {
    padding-left: 0
}

.caroufredsel_wrapper li {
    height: auto !important;
    visibility: visible !important
}

.kleo-members-carousel .caroufredsel_wrapper li {
    height: auto !important
}

.kleo-carousel-items {
    text-align: center;
    margin: 0 auto
}

.kleo-carousel-items ul {
    margin-left: 0;
    padding-left: 0
}

.kleo-carousel {
    margin: 0
}

.kleo-carousel li {
    float: left;
    list-style: none;
    height: 0;
    visibility: hidden
}

.kleo-carousel .kleo-video {
    min-height: 1px !important
}

.loop-image img {
    width: 100%;
    height: auto
}

.kleo-carousel li article article {
    padding-right: 0
}

.loop-image {
    position: relative;
    overflow: hidden
}

.loop-image a,.gallery-container {
    position: relative
}

.loop-image a {
    display: block
}

.carousel-arrow .carousel-prev,.carousel-arrow .carousel-next {
    position: absolute;
    width: 35px;
    height: 75px;
    background: rgba(0,0,0,0);
    color: #fff;
    text-align: center;
    font-size: 18px;
    -ms-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.carousel-arrow .carousel-prev i,.carousel-arrow .carousel-next i {
    line-height: 75px
}

.carousel-arrow .carousel-prev {
    left: -35px;
    top: 44%;
    margin-top: -33px;
    border-radius: 3px
}

.carousel-arrow .carousel-next {
    right: -35px;
    top: 44%;
    margin-top: -33px;
    border-radius: 3px
}

.dot-carousel .carousel-arrow .carousel-prev {
    margin-left: -5px
}

.dot-carousel .carousel-arrow .carousel-next {
    margin-right: -5px
}

.kleo-carousel-container:hover .carousel-arrow .carousel-prev {
    left: 20px;
    color: #fff;
    background: rgba(0,0,0,0.1)
}

.kleo-carousel-container:hover .carousel-arrow .carousel-next {
    right: 20px;
    color: #fff;
    background: rgba(0,0,0,0.1)
}

.gallery-container:hover .gal-carrow .carousel-prev {
    top: 78%;
    background: rgba(0,0,0,0.2)
}

.gallery-container:hover .gal-carrow .carousel-next {
    top: 78%;
    background: rgba(0,0,0,0.2)
}

.kleo-carousel-container .carousel-arrow .carousel-prev:hover,.kleo-carousel-container .carousel-arrow .carousel-next:hover,.kleo-carousel-container .gal-carrow .carousel-prev:hover,.kleo-carousel-container .gal-carrow .carousel-next:hover {
    background: rgba(0,0,0,0.3)
}

.kleo-carousel-features {
    text-align: center;
    margin: 0 auto
}

.kleo-carousel-features .caroufredsel_wrapper {
    margin-bottom: 0 !important
}

.kleo-carousel-features img {
    height: auto
}

.kleo-carousel-features .kleo-carousel li figure {
    text-align: center
}

.kleo-carousel-features-pager {
    padding: 20px 0
}

.kleo-carousel-style-overlay {
    overflow: hidden;
    white-space: nowrap;
    width: 100%
}

.kleo-carousel-style-overlay li {
    height: 100%;
    overflow: hidden;
    display: none
}

.kleo-carousel-style-overlay .caroufredsel_wrapper li,.kleo-carousel-style-overlay li:first-child {
    height: 100% !important;
    display: inline-block !important
}

.kleo-carousel-style-overlay li article {
    background: #000
}

.kleo-carousel-style-overlay li.format-standard article,.kleo-carousel-style-overlay li.format-audio article,.kleo-carousel-style-overlay li.format-quote article,.kleo-carousel-style-overlay li.format-aside article {
    height: 100%
}

.kleo-carousel-style-overlay .format-image .entry-content,.kleo-carousel-style-overlay .format-video .entry-content,.kleo-carousel-style-overlay .format-audio .entry-content,.kleo-carousel-style-overlay .format-standard .entry-content,.kleo-carousel-style-overlay .format-quote .entry-content,.kleo-carousel-style-overlay .format-gallery .entry-content,.kleo-carousel-style-overlay .format-aside .entry-content {
    color: #fff;
    left: 0;
    padding: 20px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
    margin: 10px;
    overflow: hidden
}

.kleo-carousel-style-overlay .format-image .entry-content,.kleo-carousel-style-overlay .format-standard .entry-content,.kleo-carousel-style-overlay .format-quote .entry-content,.kleo-carousel-style-overlay .format-gallery .entry-content,.kleo-carousel-style-overlay .format-aside .entry-content {
    background: rgba(0,0,0,0) linear-gradient(to bottom, rgba(0,0,0,0) 50%, rgba(0,0,0,0.65) 100%) repeat scroll 0 0;
    bottom: 0
}

.kleo-carousel-style-overlay .format-video .entry-content,.kleo-carousel-style-overlay .format-audio .entry-content {
    bottom: 0
}

.kleo-carousel-style-overlay .post-image img {
    width: 100%
}

.kleo-carousel-style-overlay .post-title.entry-title {
    bottom: 30px;
    position: absolute;
    color: #fff !important;
    display: inline-block;
    text-overflow: " ... ";
    overflow: hidden;
    white-space: nowrap;
    width: 90%;
    margin-bottom: 0
}

.kleo-carousel-style-overlay hr {
    display: none
}

.kleo-carousel-style-overlay .entry-summary {
    display: none
}

.kleo-carousel-style-overlay .post-title.entry-title a {
    color: #fff !important;
    font-size: 28px
}

.kleo-banner-slider {
    position: relative;
    overflow: hidden;
    opacity: 0
}

.kleo-banner-items {
    float: left;
    height: 0
}

.kleo-banner-items article {
    position: relative;
    float: left
}

.kleo-banner-items img {
    width: 100%;
    height: auto
}

.kleo-banner-slider .carousel-pager {
    position: absolute;
    bottom: 20px;
    text-align: center;
    width: 100%
}

.kleo-banner-slider .carousel-pager a {
    background: rgba(255,255,255,0.3)
}

.kleo-banner-slider .carousel-pager a.selected {
    background: #fff
}

.kleo-banner-prev,.kleo-banner-next {
    position: absolute;
    width: 35px;
    height: 46px;
    background: rgba(0,0,0,0);
    color: #fff;
    text-align: center;
    font-size: 18px;
    -ms-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.kleo-banner-prev {
    left: -35px;
    top: 50%;
    margin-top: -23px;
    border-radius: 0 3px 3px 0
}

.kleo-banner-next {
    right: -35px;
    top: 50%;
    margin-top: -23px;
    border-radius: 3px 0 0 3px
}

.kleo-banner-slider:hover .kleo-banner-prev {
    left: 0;
    color: #fff
}

.kleo-banner-slider:hover .kleo-banner-next {
    right: 0;
    color: #fff
}

.kleo-banner-prev i,.kleo-banner-next i {
    line-height: 46px;
    -ms-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.kleo-banner-prev:hover i,.kleo-banner-next:hover i {
    font-size: 26px
}

.kleo-banner-arrow .kleo-banner-prev,.kleo-banner-arrow .kleo-banner-next {
    position: absolute;
    width: 30px;
    height: 30px;
    color: #fff;
    text-align: center;
    font-size: 14px;
    z-index: 9999;
    -ms-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    border-radius: 2px
}

.kleo-banner-arrow .kleo-banner-prev i,.kleo-banner-arrow .kleo-banner-next i {
    line-height: 30px
}

.kleo-banner-arrow .kleo-banner-prev {
    left: auto;
    right: 45px;
    top: 93%;
    margin-top: -25px
}

.kleo-banner-arrow .kleo-banner-next {
    right: 10px;
    top: 93%;
    margin-top: -25px
}

.kleo-banner-slider:hover .kleo-banner-arrow .kleo-banner-prev {
    left: inherit
}

.kleo-banner-slider:hover .kleo-banner-arrow .kleo-banner-next {
    right: 10px
}

.kleo-carousel .kleo-banner-items:first-child {
    height: 0
}

.features-carousel li {
    display: block;
    float: left;
    list-style: none;
    text-align: center
}

.features-carousel img {
    height: auto
}

.features-carousel ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.kleo-carousel-testimonials li {
    text-align: center;
    padding: 10px 15px
}

.kleo-carousel-testimonials .testimonial-image {
    width: 60px;
    height: 60px;
    line-height: 60px;
    margin: 0 auto;
    position: relative;
    color: #c8c8c8;
    text-align: center
}

.kleo-carousel-testimonials .testimonial-image:before {
    font: 28px 'fontello';
    content: "\e854";
    position: absolute;
    top: 25px;
    left: 44px;
    margin-left: -24px
}

.kleo-carousel-testimonials .testimonial-image img {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    position: relative
}

.kleo-carousel-testimonials .testimonial-content {
    font-style: italic;
    padding: 10px 10px 0;
    text-align: center;
    font-size: 18px
}

.kleo-carousel-testimonials .testimonial-meta {
    font-size: 12px;
    text-align: center
}

.carousel-pager {
    text-align: center;
    margin: 0 auto
}

.carousel-pager a {
    text-decoration: none;
    text-indent: -999px;
    display: inline-block;
    overflow: hidden;
    width: 6px;
    height: 6px;
    margin: 0 5px 0 0;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.carousel-pager a.selected {
    text-decoration: underline
}

.kleo-gallery-image {
    position: relative;
    overflow: hidden
}

.kleo-gallery-image>div {
    opacity: 0
}

.kleo-gallery-image>div:first-child {
    opacity: 1
}

.kleo-gallery {
    position: relative;
    overflow: hidden
}

.kleo-gallery .kleo-carousel a {
    float: left;
    text-align: center;
    position: relative;
    margin: 1px
}

.kleo-gallery.kleo-single-image .kleo-carousel a {
    margin: 0
}

.kleo-gallery .kleo-carousel a img {
    min-width: 100%
}

.kleo-gallery-image div,.kleo-gallery-image img,.kleo-thumbs-animated,.kleo-thumbs-images,.kleo-thumbs-animated img,.kleo-thumbs-images img {
    display: block;
    width: 100%
}

.kleo-thumbs-animated.rounded img,.kleo-thumbs-images.rounded img {
    border-radius: 100%
}

.kleo-thumbs-animated a,.kleo-thumbs-images a {
    display: inline-block;
    float: left;
    position: relative;
    margin: 1px
}

.kleo-gallery .kleo-thumbs-images a {
    margin: 0
}

.kleo-single-image .kleo-thumbs-animated img {
    display: inline-block
}

.kleo-single-image .caroufredsel_wrapper .kleo-carousel {
    text-align: center !important
}

.kleo-single-image .kleo-carousel {
    text-align: center
}

.kleo-single-image .kleo-carousel img {
    width: auto !important
}

.one-thumb a,.one-thumbs a {
    width: 100%
}

.two-thumbs a {
    width: 49.9%
}

.three-thumbs a {
    width: 33.3%
}

.four-thumbs a {
    width: 25%
}

.five-thumbs a {
    width: 20%
}

.six-thumbs a {
    width: 16.66%
}

.seven-thumbs a {
    width: 14.2857%
}

.eight-thumbs a {
    width: 12.5%
}

.nine-thumbs a {
    width: 11.1111%
}

.ten-thumbs a {
    width: 10%
}

.eleven-thumbs a {
    width: 9.0909%
}

.twelve-thumbs a {
    width: 8.3333%
}

.kleo-thumbs-prev,.kleo-thumbs-next {
    position: absolute;
    width: 35px;
    height: 75px;
    background: rgba(0,0,0,0);
    color: #fff;
    text-align: center;
    font-size: 18px;
    -ms-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.kleo-thumbs-prev {
    left: -35px;
    top: 50%;
    margin-top: -37px;
    border-radius: 0 3px 3px 0
}

.kleo-thumbs-next {
    right: -35px;
    top: 50%;
    margin-top: -37px;
    border-radius: 3px 0 0 3px
}

.kleo-gallery:hover .kleo-thumbs-prev {
    left: 0;
    color: #fff;
    background: rgba(0,0,0,0.1)
}

.kleo-gallery:hover .kleo-thumbs-next {
    right: 0;
    color: #fff;
    background: rgba(0,0,0,0.1)
}

.kleo-gallery .kleo-thumbs-prev:hover,.kleo-gallery .kleo-thumbs-next:hover {
    background: rgba(0,0,0,0.3)
}

.kleo-thumbs-prev i,.kleo-thumbs-next i {
    line-height: 75px
}

.thumbs-over-img>.wpb_wrapper {
    display: flex;
    flex-direction: column-reverse;
    text-align: center
}

.thumbs-over-img h2 {
    font-size: 16px;
    letter-spacing: .03em;
    margin: 30px 0
}

.thumbs-over-img .kleo-gallery-container {
    position: relative;
    overflow: hidden;
    transition: box-shadow .4s
}

.thumbs-over-img .kleo-gallery-container:hover {
    box-shadow: 0 12px 42px 12px rgba(0,0,0,0.08)
}

.thumbs-over-img .kleo-gallery {
    position: absolute;
    overflow: hidden;
    transform: translateY(-100%);
    z-index: 100;
    opacity: 0;
    transition: opacity .4s;
    width: 100%
}

.thumbs-over-img .kleo-gallery-container:hover .kleo-gallery {
    opacity: 1
}

.thumbs-over-img .kleo-gallery-container:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 100;
    transition: background .4s;
    pointer-events: none
}

.thumbs-over-img .kleo-gallery-container:hover:before {
    background: rgba(255,255,255,0.3)
}

.thumbs-over-img .kleo-gallery-image {
    margin: auto !important;
    position: relative !important
}

.thumbs-over-img .kleo-gallery-image img {
    transition: transform .4s
}

.thumbs-over-img .kleo-gallery-image:hover img {
    transform: scale(1.05)
}

.thumbs-over-img .kleo-carousel-container {
    margin: auto
}

.thumbs-over-img .caroufredsel_wrapper {
    margin: 0 !important
}

.kleo-gallery-grid ul.kleo-isotope {
    padding: 0;
    list-style: none;
    clear: both;
    float: left;
    margin: 0;
    position: relative;
    width: 100.4%
}

.kleo-gallery-grid .kleo-isotope .isotope-item {
    display: inline-block;
    float: left;
    overflow: hidden
}

.kleo-gallery-grid .kleo-isotope .isotope-item img {
    width: 100%
}

.kleo-small-gap.kleo-gallery-grid .kleo-gallery-inner {
    margin-bottom: 1px;
    margin-right: 1px;
    position: relative
}

.kleo-large-gap.kleo-gallery-grid .kleo-gallery-inner {
    margin-bottom: 10px;
    margin-right: 10px;
    position: relative
}

.kleo-small-gap.kleo-gallery-grid {
    padding: 1px 0 0 1px
}

.kleo-gallery-grid .kleo-gallery-inner {
    display: inline-block;
    width: auto
}

.kleo-large-gap.kleo-gallery-grid {
    padding: 10px 0 0 10px
}

.kleo-masonry-item,.kleo-isotope>li {
    float: left
}

.kleo-masonry .entry-summary {
    word-wrap: break-word
}

.kleo-masonry-item,.kleo-isotope>li {
    width: 33.3%
}

.template-page.col-sm-12 .kleo-masonry-item,.template-page.col-sm-12 .kleo-isotope>li {
    width: 24.9%
}

.template-page.col-sm-12 .section-container.container-full .kleo-masonry-item,.template-page.col-sm-12 .section-container.container-full .kleo-isotope>li {
    width: 16.6%
}

@media (min-width: 992px) {
    .navbar-transparent .navbar-nav .dropdown-menu li a {
        color:#fff !important
    }
}

@media (min-width: 1440px) {
    .kleo-isotope>.kleo-masonry-item,.kleo-isotope>li {
        width:33.3%
    }

    .template-page.col-sm-12 .kleo-isotope>.kleo-masonry-item,.template-page.col-sm-12 .kleo-isotope>li {
        width: 24.9%
    }

    .template-page.col-sm-12 .section-container.container-full .kleo-isotope>.kleo-masonry-item,.template-page.col-sm-12 .section-container.container-full .kleo-isotope>li {
        width: 16.6%
    }
}

@media (min-width: 1200px) and (max-width:1439px) {
    .kleo-isotope>.kleo-masonry-item,.kleo-isotope>li {
        width:33.3%
    }

    .template-page.col-sm-12 .kleo-isotope>.kleo-masonry-item,.template-page.col-sm-12 .kleo-isotope>li,.template-page.col-sm-12 .section-container.container-full .kleo-isotope>.kleo-masonry-item,.template-page.col-sm-12 .section-container.container-full .kleo-isotope>li {
        width: 24.9%
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .kleo-masonry-item,.kleo-isotope>li,.template-page.col-sm-12 .kleo-masonry-item,.template-page.col-sm-12 .kleo-isotope>li,.template-page.col-sm-12 .section-container.container-full .kleo-isotope>.kleo-masonry-item,.template-page.col-sm-12 .section-container.container-full .kleo-isotope>li {
        width:33.3%
    }

    .col-sm-9 .kleo-isotope>li,.col-sm-9 .kleo-masonry-item,.col-sm-6 .kleo-isotope>li,.col-sm-6 .kleo-masonry-item {
        width: 49.9%
    }
}

@media (max-width: 991px) {
    .kleo-masonry-item,.kleo-isotope>li,.template-page.col-sm-12 .kleo-masonry-item,.template-page.col-sm-12 .kleo-isotope>li,.template-page.col-sm-12 .section-container.container-full .kleo-isotope>.kleo-masonry-item,.template-page.col-sm-12 .section-container.container-full .kleo-isotope>li {
        width:49.9%
    }
}

@media (min-width: 480px) and (max-width:767px) {
    .kleo-masonry-item,.kleo-isotope>li,.template-page.col-sm-12 .kleo-masonry-item,.template-page.col-sm-12 .kleo-isotope>li,.template-page.col-sm-12 .section-container.container-full .kleo-isotope>.kleo-masonry-item,.template-page.col-sm-12 .section-container.container-full .kleo-isotope>li {
        width:49.9%
    }
}

@media screen and (max-width: 480px) {
    .kleo-masonry-item,.kleo-isotope>li,.template-page.col-sm-12 .kleo-masonry-item,.template-page.col-sm-12 .kleo-isotope>li,.template-page.col-sm-12 .section-container.container-full .kleo-isotope>.kleo-masonry-item,.template-page.col-sm-12 .section-container.container-full .kleo-isotope>li {
        width:100% !important
    }
}

.carousel-caption h3 {
    color: #fff
}

img {
    height: auto
}

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

.kleo-transform .vc_bar.animated {
    opacity: 1
}

.client-wrapper {
    text-align: center
}

.client {
    display: inline-block;
    width: 183px;
    margin: 0 10px 20px
}

.client:hover img {
    opacity: .8
}

.client a,.b-client img {
    display: block
}

.client img {
    max-width: 100%;
    opacity: .3;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
}

.isotope-item {
    z-index: 2
}

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

.isotope,.isotope .isotope-item {
    -webkit-transition-duration: .8s;
    -moz-transition-duration: .8s;
    -ms-transition-duration: .8s;
    -o-transition-duration: .8s;
    transition-duration: .8s
}

.isotope {
    -webkit-transition-property: height,width;
    -moz-transition-property: height,width;
    -ms-transition-property: height,width;
    -o-transition-property: height,width;
    transition-property: height,width
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform,opacity;
    -moz-transition-property: -moz-transform,opacity;
    -ms-transition-property: -ms-transform,opacity;
    -o-transition-property: -o-transform,opacity;
    transition-property: transform,opacity
}

.isotope.no-transition,.isotope.no-transition .isotope-item,.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s
}

.isotope.infinite-scrolling {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none
}

.post-item {
    padding: 10px
}

.grid-posts {
    clear: both
}

.grid-posts .format-quote .inner-content,.grid-posts .format-link .inner-content,.grid-posts .format-status .inner-content,.grid-posts .format-aside .post-header,.grid-posts .format-standard .post-header {
    padding: 10px;
    border-bottom: none
}

.grid-posts .format-aside .post-header:before,.grid-posts .format-standard .post-header:before {
    content: none
}

.grid-posts .entry-summary {
    word-wrap: break-word
}

.format-quote .post-title,.format-quote .inner-content>h3 {
    margin-bottom: 20px;
    font-style: italic
}

#widget .widgetContainer.g-box-full {
    border-radius: 0 !important;
    box-shadow: none !important
}

.post-header {
    padding: 20px 10px 0;
    position: relative
}

.post-title {
    margin-bottom: 0
}

.post-info {
    padding: 0 10px 20px
}

.post-footer {
    padding: 10px;
    display: inline-block;
    width: 100%
}

.callout-blockquote {
    margin: 20px 0;
    text-align: left
}

.callout-blockquote blockquote p {
    font-size: 14px;
    font-weight: 300;
    padding-left: 30px;
    position: relative
}

.callout-blockquote blockquote p:before {
    font: 20px 'fontello';
    content: "\e854";
    position: absolute;
    left: 0
}

.callout-blockquote blockquote {
    position: relative;
    border-style: solid;
    border-width: 1px;
    border-radius: 4px;
    padding: 30px 25px 30px 30px;
    font-style: italic;
    background: transparent !important
}

.callout-blockquote figcaption {
    margin: 12px 0 0 50px
}

.callout-blockquote figcaption p {
    margin-bottom: 0
}

.callout-blockquote.dark blockquote {
    background: #454951;
    border-color: #454951;
    color: #FFF
}

.callout-blockquote blockquote:after,.callout-blockquote blockquote:before {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-right: none
}

.callout-blockquote blockquote:after {
    border-color: rgba(247,247,247,0);
    border-width: 18px;
    left: 0;
    margin-left: 25px;
    border-top-color: transparent !important
}

.callout-blockquote blockquote:before {
    border-color: rgba(239,239,239,0);
    border-width: 20px;
    left: 0;
    margin-left: 24px
}

.callout-blockquote.dark blockquote:after,.callout-blockquote.dark blockquote:before {
    border-color: rgba(51,51,51,0);
    border-top-color: blue
}

.kleo-testimonials.starred {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.kleo-testimonials.starred.vcenter-content .callout-blockquote {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.starred .callout-blockquote.light {
    background-color: #fff;
    padding: 30px;
    margin: 2% 0;
    -webkit-box-shadow: 0 12px 42px 12px rgba(0,0,0,0.08);
    -moz-box-shadow: 0 12px 42px 12px rgba(0,0,0,0.08);
    box-shadow: 0 12px 42px 12px rgba(0,0,0,0.08);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center;
    width: 48%
}

.starred .callout-blockquote.light:nth-child(2n+1) {
    margin-right: 4%
}

.starred .callout-blockquote blockquote {
    border: none;
    padding: initial
}

.starred .callout-blockquote blockquote .rating-stars {
    margin-bottom: 30px;
    display: block
}

.starred .callout-blockquote blockquote .rating-stars .icon {
    color: #F5A623;
    font-size: 18px
}

.starred .callout-blockquote blockquote p {
    font-family: "Open Sans",sans-serif;
    font-weight: 500;
    font-style: normal;
    padding-left: 0;
    margin-bottom: 20px
}

.starred .callout-blockquote blockquote p:last-child {
    margin-bottom: 0
}

.starred .callout-blockquote blockquote p::before {
    position: relative;
    font-size: 26px;
    margin-bottom: 20px;
    display: none
}

.starred .callout-blockquote blockquote::before {
    border: none
}

.starred .callout-blockquote figcaption {
    margin: 0 0 20px;
    font-weight: 100
}

.starred .callout-blockquote figcaption br {
    display: none
}

blockquote {
    padding: 10px 20px;
    margin: 20px 0;
    border-left-style: solid;
    border-left-width: 5px;
    display: inline-block
}

blockquote .rating-stars {
    display: none
}

blockquote p {
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    margin: 0
}

blockquote h6 {
    margin-top: 0
}

blockquote cite {
    font-size: 11px;
    text-transform: uppercase;
    color: #bbb;
    display: block
}

.twentytwenty-container {
    position: relative;
    z-index: 99999
}

.twentytwenty-container img {
    display: block;
    position: absolute;
    top: 0;
    width: 100%
}

.container .wpb_wrapper li {
    text-align: left
}

.fontelo-list {
    padding-left: 0;
    list-style: none
}

.fontelo-list li {
    padding-left: 2.6em;
    padding-bottom: 5px
}

.fontelo-list i {
    font-weight: normal;
    font-style: normal;
    margin-left: -2.8em;
    width: 2.4em;
    display: inline-block;
    text-align: center
}

.fontelo-list.list-icon-large li {
    padding-left: 2.4em
}

.fontelo-list i {
    font-family: 'fontello'
}

.list-divider li:first-child,.list-divider.dashed li:first-child {
    border-top: none
}

.list-divider li {
    border-top-style: solid;
    border-top-width: 1px;
    padding-bottom: 5px;
    padding-top: 4px
}

.list-divider.dashed li {
    border-top-style: dashed
}

.standard-list,.ordered-list {
    padding-left: 0;
    list-style: none
}

.standard-list i,.ordered-list i,.list-unstyled i {
    display: none
}

.standard-list li:before {
    font: 1.7em/1em "fontello";
    content: "\e976";
    display: inline-block;
    float: left;
    margin-right: 10px
}

.standard-list li:after {
    display: table;
    content: ' ';
    clear: both
}

.ordered-list {
    counter-reset: my-badass-counter
}

.ordered-list li:before {
    border-radius: 9px;
    content: counter(my-badass-counter, decimal);
    counter-increment: my-badass-counter;
    display: inline-block;
    float: left;
    text-align: center;
    font-size: 11px;
    line-height: 18px;
    margin-right: 6px;
    margin-left: -1.8em;
    width: 18px;
    height: 18px;
    background: #777;
    color: #fff
}

.ordered-list li {
    padding-left: 1.8em
}

.ordered-list.upper-roman li:before {
    content: counter(my-badass-counter, upper-roman)
}

.list-icon-large i {
    font-size: 1.33333333em
}

.shadow-icons i {
    text-shadow: 1px 1px 1px rgba(127,127,127,0.3)
}

.dl-horizontal dd,.dl-default dd {
    margin-bottom: 20px
}

.dl-horizontal dd ul {
    margin-bottom: 0
}

.one-by-one-animated li {
    list-style-type: none
}

.nav-tabs,.nav-pills {
    position: relative
}

.tab-content>.tab-pane {
    padding: 30px 0 0
}

.nav-tabs>li>a {
    margin-right: -1px;
    border-radius: 0;
    font-size: 16px;
    font-weight: 300
}

.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus {
    transition: all .2s ease 0s
}

.tabs-style-square>li>a {
    margin-top: 4px;
    padding-bottom: 6px;
    padding-top: 6px;
    line-height: 2.0825
}

.tabs-style-square>li.active>a,.tabs-style-square>li.active>a:hover,.tabs-style-square>li.active>a:focus {
    border-bottom-color: transparent !important
}

.tabs-style-square .tabdrop>a {
    background-color: transparent;
    border-color: transparent
}

.kleo-tabs .tabs-style-default .tabdrop .dropdown-menu {
    margin-top: 2px
}

.tabs-style-default>li>a {
    border-top: 2px solid transparent
}

.tabs-style-default>li.active>a,.tabs-style-default>li.active>a:hover,.tabs-style-default>li.active>a:focus {
    border-top-style: solid;
    border-top-width: 2px;
    border-bottom-color: transparent !important
}

.kleo-tabs .tabs-style-line .tabdrop .dropdown-menu {
    margin-top: 2px
}

.tabs-style-line>li {
    margin-bottom: -1px
}

.tabs-style-line>li>a {
    border: none;
    padding-left: 0;
    padding-right: 0;
    margin: 0 15px;
    border-bottom: 2px solid transparent
}

.tabs-style-line>li>a:hover {
    background-color: transparent
}

.tabs-style-line .tabdrop>a {
    margin: inherit;
    padding: 10px 15px
}

.tabs-style-line>li.active>a,.tabs-style-line>li.active>a:hover,.tabs-style-line>li.active>a:focus {
    border: none;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    background-color: transparent
}

.nav-tabs.tabs-centered {
    text-align: center
}

.nav-tabs.tabs-centered li {
    float: none;
    display: inline-block
}

.custom-color .kleo-tabs .tabs-style-line li.active>a {
    background: transparent !important;
    border-color: inherit !important;
    opacity: .8
}

.custom-color .kleo-tabs .tabs-style-line li>a {
    color: inherit !important
}

.kleo-tabs .nav-tabs.tabs-style-text {
    border-bottom-color: transparent
}

.kleo-tabs .nav-tabs.tabs-style-text>li>a {
    padding: 0 0 15px 0;
    margin: 15px;
    border-width: 0 0 3px 0;
    border-color: transparent;
    color: #00B9F7;
    font-family: "Open Sans",sans-serif;
    font-size: 13px;
    letter-spacing: .75px;
    font-weight: 600
}

.kleo-tabs .nav-tabs.tabs-style-text>li.active>a,.kleo-tabs .nav-tabs.tabs-style-text>li.active>a:hover,.kleo-tabs .nav-tabs.tabs-style-text>li.active>a:focus,.kleo-tabs .nav-tabs.tabs-style-text>li>a:hover {
    background: transparent;
    border-width: 0 0 3px 0;
    border-color: transparent transparent #00B9F7 transparent
}

.kleo-tabs .tabs-style-simple-upper .tabdrop .dropdown-menu {
    margin-top: 3px
}

.kleo-tabs .nav-tabs.tabs-style-simple-upper {
    border-color: transparent
}

.tabs-style-simple-upper>li {
    margin-bottom: -1px
}

.tabs-style-simple-upper>li>a {
    font: 400 14px 'Open Sans',sans-serif !important;
    text-transform: uppercase;
    letter-spacing: .03em;
    border: none;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 30px;
    margin: 0 15px;
    border-bottom: 3px solid transparent
}

.tabs-style-simple-upper>li>a:hover {
    background-color: transparent
}

.tabs-style-simple-upper .tabdrop>a {
    margin: inherit;
    padding: 10px 15px
}

.tabs-style-simple-upper>li.active>a,.tabs-style-simple-upper>li.active>a:hover,.tabs-style-simple-upper>li.active>a:focus {
    border: none;
    border-bottom-style: solid;
    border-bottom-width: 3px;
    background-color: transparent
}

.custom-color .kleo-tabs .tabs-style-simple-upper li.active>a {
    background: transparent !important;
    border-color: inherit !important;
    opacity: .8
}

.custom-color .kleo-tabs .tabs-style-simple-upper li>a {
    color: inherit !important
}

.nav-pills>li>a {
    border-radius: 0;
    border-style: solid;
    border-width: 1px;
    font-size: 16px;
    font-weight: 300
}

.nav-pills>li>a>i {
    margin: 0 10px
}

.nav-pills>li+li {
    margin-left: -1px
}

.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus {
    border-style: solid;
    border-width: 1px
}

.nav-pills.tabs-centered {
    text-align: center
}

.nav-pills.tabs-centered li {
    float: none;
    display: inline-block
}

.main-color .nav-pills.pills-style-ghost>li.active a {
    background: rgba(255,255,255,0.1) !important
}

.main-color .nav-pills.pills-style-ghost>li.active a:hover {
    background: rgba(255,255,255,0.2);
    border: 1px solid rgba(255,255,255,0.1)
}

.main-color .nav-pills.pills-style-ghost>li a:hover {
    background: rgba(255,255,255,0.1)
}

.main-color .nav-pills.pills-style-ghost>li.active a,.main-color .nav-pills.pills-style-ghost>li>a {
    border: 1px solid rgba(255,255,255,0.1) !important;
    color: #fff;
    padding: 12px 20px
}

.kleo-tabs .tabdrop .dropdown-menu {
    border-style: solid;
    border-width: 1px;
    margin-top: 1px
}

.kleo-tabs .tabdrop .dropdown-menu li {
    float: none;
    width: 100%;
    text-align: left;
    font-size: 12px
}

.kleo-tabs .tabdrop .dropdown-menu li a {
    padding: 0 10px;
    height: 33px;
    line-height: 33px;
    font-size: 12px
}

.kleo-tabs .tabdrop .dropdown-menu li a span {
    left: inherit;
    top: 6px;
    right: 10px;
    display: inline-block
}

.kleo-tabs .tabdrop .dropdown-menu li a span {
    box-shadow: none
}

.kleo-tabs .tabdrop .dropdown-menu {
    text-align: left
}

.kleo-tabs .tabdrop>a.dropdown-toggle,.kleo-tabs .tabdrop>a.dropdown-toggle:hover,.kleo-tabs .tabdrop>a.dropdown-toggle:focus {
    border-color: transparent;
    background: transparent
}

.kleo-tabs .tabdrop:before {
    font: 120% "fontello";
    content: "\e97c";
    display: block;
    text-align: center;
    transition: all .4s ease-in-out 0s;
    position: absolute;
    top: 20px;
    left: 12px;
    z-index: 12;
    pointer-events: none
}

.kleo-tabs .nav-pills .tabdrop:before,.kleo-tabs .tabs-style-line .tabdrop:before {
    top: 12px
}

.kleo-tabs .tabs-style-default .tabdrop:before {
    top: 15px
}

.kleo-tabs .tabs-style-default .tabdrop.pull-right>.dropdown-menu,.kleo-tabs .tabs-style-square .tabdrop.pull-right>.dropdown-menu {
    right: -1px
}

.wpb_tour .nav-tab {
    float: left;
    width: 31.6667%
}

.wpb_tour.pos-right .nav-tab {
    float: right
}

.wpb_tour .nav-tab li {
    clear: left;
    margin: 0 0 1px;
    width: 100%
}

.wpb_tour .tab-content {
    border: none;
    box-sizing: border-box;
    float: left;
    padding: 0 0 0 21.7391px;
    width: 68.3333%
}

.wpb_tour .tab-content>.tab-pane {
    padding: 0
}

.wpb_tour .tab-pane .kleo_text_column:first-child p:first-child {
    margin-top: 0
}

.wpb_tour_next_prev_nav {
    padding-top: 10px
}

.wpb_tour .wpb_tour_next_prev_nav span {
    float: none;
    width: auto
}

@media (max-width: 767px) {
    .wpb_tour .nav-tab,.wpb_tour .tab-content {
        float:none;
        width: 100%
    }
}

.panel {
    -webkit-box-shadow: none;
    box-shadow: none
}

.panel-heading {
    border-radius: 0
}

.panel-group .panel-heading,.panel-toggle .panel-heading {
    border-bottom: 0
}

.panel-default .panel-title {
    font-size: 13px;
    font-weight: bold
}

.panel-group .panel,.panel-toggle.panel {
    border-radius: 0
}

.panel-toggle.panel {
    margin-bottom: 0
}

.wpb_wrapper .panel+.panel {
    margin-top: 5px
}

.panel-title h1,.panel-title h2,.panel-title h3,.panel-title h4,.panel-title h5,.panel-title h6,.panel-title p {
    margin: 0
}

.panel-group .panel-kleo+.panel {
    margin-top: 0
}

.panel-kleo .panel-title {
    font-weight: 500;
    font-size: 18px
}

.panel-kleo .panel-title a b {
    font-weight: normal
}

.panel.icons-to-left .icon-closed,.panel.icons-to-left .icon-opened,.panel-group.icons-to-left .icon-closed,.panel-group.icons-to-left .icon-opened {
    float: left;
    margin-right: 20px
}

.panel.icons-to-right .icon-closed,.panel.icons-to-right .icon-opened,.panel-group.icons-to-right .icon-closed,.panel-group.icons-to-right .icon-opened {
    float: right;
    margin-left: 20px
}

.wpb_gmaps_widget .wpb_map_wraper iframe {
    margin-bottom: 0;
    padding: 0;
    display: block;
    width: 100%;
    border: none
}

.wpb_gmaps_widget.vc_map_responsive .wpb_map_wraper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0
}

.wpb_gmaps_widget.vc_map_responsive .wpb_map_wraper iframe {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%
}

h4.kb-section-name {
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
    margin-bottom: 15px
}

h4.kb-section-name i.icon {
    margin-right: 10px
}

.kb-wall-list,.kb-archive-listing {
    list-style: none;
    padding: 0;
    margin: 0 0 30px 0
}

.kb-wall-list>li,.kb-archive-listing>li {
    margin-bottom: 10px
}

.kb-archive>div:nth-child(3n+1) {
    clear: both
}

.kb-wall-list i.icon {
    margin-right: 5px
}

.kb-view-more {
    margin-top: 10px
}

.kb-view-more a.btn-default {
    background: transparent
}

.kb-archive-listing li {
    margin-bottom: 25px
}

.kb-archive-listing h2 {
    font-size: 20px
}

.kb-archive-listing h2 i.icon {
    margin-right: 10px;
    font-size: 18px
}

.disable-all-animations .animated.animate-when-visible,.disable-all-animations .animated.animate-when-almost-visible,.disable-all-animations .one-by-one-animated .el-appear,.disable-all-animations .multi-columns-row .one-by-one-animated .el-appear,.disable-all-animations .kleo-transform .kleo-thumbs-animated.th-appear img,.disable-all-animations .el-appear,.disable-all-animations .multi-columns-row .el-appear,.disable-all-animations .one-by-one-animated .start-animation .el-appear,.disable-all-animations .kleo-thumbs-animated.th-appear img.start-animation,.disable-all-animations .start-animation .el-appear,.disable-all-animations .start-animation.el-appear,.disable-all-animations .one-by-one-animated .el-fade,.disable-all-animations .kleo-thumbs-animated.th-fade img,.disable-all-animations .el-fade,.disable-all-animations .one-by-one-animated .start-animation .el-fade,.disable-all-animations .kleo-thumbs-animated.th-fade img.start-animation,.disable-all-animations .start-animation.el-fade,.disable-all-animations .el-zero-fade,.disable-all-animations .start-animation.el-zero-fade,.disable-all-animations .pulsate,.disable-all-animations .cul {
    -webkit-animation: none !important;
    -o-animation: none !important;
    animation: none !important;
    opacity: 1 !important;
    -moz-transform: none !important;
    -webkit-transform: none !important;
    -o-transform: none !important;
    transform: none !important
}

@media (max-width: 767px) {
    .disable-all-animations-on-mobile .animated.animate-when-almost-visible,.disable-all-animations-on-mobile .animated.animate-when-visible,.disable-all-animations-on-mobile .one-by-one-animated .el-appear,.disable-all-animations-on-mobile .multi-columns-row .one-by-one-animated .el-appear,.disable-all-animations-on-mobile .kleo-transform .kleo-thumbs-animated.th-appear img,.disable-all-animations-on-mobile .el-appear,.disable-all-animations-on-mobile .multi-columns-row .el-appear,.disable-all-animations-on-mobile .one-by-one-animated .start-animation .el-appear,.disable-all-animations-on-mobile .kleo-thumbs-animated.th-appear img.start-animation,.disable-all-animations-on-mobile .start-animation .el-appear,.disable-all-animations-on-mobile .start-animation.el-appear,.disable-all-animations-on-mobile .one-by-one-animated .el-fade,.disable-all-animations-on-mobile .kleo-thumbs-animated.th-fade img,.disable-all-animations-on-mobile .el-fade,.disable-all-animations-on-mobile .one-by-one-animated .start-animation .el-fade,.disable-all-animations-on-mobile .kleo-thumbs-animated.th-fade img.start-animation,.disable-all-animations-on-mobile .start-animation.el-fade,.disable-all-animations-on-mobile .el-zero-fade,.disable-all-animations-on-mobile .start-animation.el-zero-fade,.disable-all-animations-on-mobile .pulsate,.disable-all-animations-on-mobile .cul {
        -webkit-animation:none !important;
        -o-animation: none !important;
        animation: none !important;
        opacity: 1 !important;
        -moz-transform: none !important;
        -webkit-transform: none !important;
        -o-transform: none !important;
        transform: none !important
    }
}

.sq-full-width {
    width: 100%
}

.vertical-separator {
    border-left: 1px solid #ff5e5e;
    padding-left: 30px;
    position: relative;
    margin-left: 8px
}

.vertical-separator.vertical-dark {
    border-left: 1px solid #312634
}

.vertical-separator:before {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #ff5e5e;
    display: block;
    position: absolute;
    top: -15px;
    left: -3px
}

.vertical-separator.vertical-dark:before {
    background: #312634
}

.vertical-separator:after {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #ff5e5e;
    display: block;
    position: absolute;
    bottom: -15px;
    left: -3px
}

.vertical-separator.vertical-dark:after {
    background: #312634
}

.kleo-open-href {
    cursor: pointer !important
}

.box-shadow {
    -webkit-box-shadow: 0 12px 42px 12px rgba(0,0,0,0.08);
    -moz-box-shadow: 0 12px 42px 12px rgba(0,0,0,0.08);
    box-shadow: 0 12px 42px 12px rgba(0,0,0,0.08)
}

.relative-image.wpb_single_image img {
    position: relative;
    z-index: 10
}

.kleo-quick-contact-wrapper {
    position: fixed;
    right: 20px;
    bottom: 50px;
    z-index: 300;
    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;
    -o-transition: all .2s ease-in-out
}

.kleo-quick-contact-wrapper.off {
    right: 20px
}

.kleo-quick-contact-wrapper.on {
    right: 90px
}

.kleo-quick-contact-wrapper .kleo-contact-form {
    position: relative
}

.kleo-quick-contact-wrapper .wpcf7-form,.kleo-quick-contact-wrapper .wpcf7-form p,.kleo-quick-contact-wrapper .kleo-contact-form .form-control,.kleo-quick-contact-wrapper .kleo-contact-form textarea {
    min-width: 240px;
    margin-bottom: 6px
}

.kleo-quick-contact-wrapper .wpcf7-form input[type="text"],.kleo-quick-contact-wrapper .wpcf7-form input[type="submit"],.kleo-quick-contact-wrapper .wpcf7-form input[type="email"],.kleo-quick-contact-wrapper .wpcf7-form input[type="password"],.kleo-quick-contact-wrapper .wpcf7-form textarea,.kleo-quick-contact-wrapper .wpcf7-form .wpcf7-response-output {
    border-radius: 3px;
    background: #fff;
    line-height: 20px;
    padding: 5px;
    height: 36px
}

.kleo-quick-contact-wrapper .wpcf7-form textarea {
    height: auto;
    max-height: 80px
}

.kleo-quick-contact-wrapper .wpcf7-form .wpcf7-response-output {
    height: auto
}

.kleo-quick-contact-wrapper .kleo-contact-form .text-input:focus,.kleo-quick-contact-wrapper .kleo-contact-form .textarea:focus {
    color: #666
}

.kleo-contact-form textarea {
    height: 100px
}

.kleo-contact-form .kleo-contact-loading {
    float: left
}

.kleo-contact-form .kleo-contact-loading {
    display: none
}

.mail-success {
    color: green
}

.mail-error {
    color: red
}

#kleo-quick-contact {
    position: absolute;
    bottom: 70px;
    right: 0;
    -webkit-box-shadow: 0 0 50px 10px rgba(0,0,0,0.15);
    -moz-box-shadow: 0 0 50px 10px rgba(0,0,0,0.15);
    box-shadow: 0 3px 13px 0 rgba(0,0,0,0.1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    border-color: #e5e5e5;
    border-radius: 4px;
    padding: 20px;
    z-index: 100;
    display: none;
    background-color: #f7f7f7
}

#kleo-quick-contact .bottom-arrow {
    position: absolute;
    display: block;
    content: "";
    bottom: -8px;
    right: 20px;
    width: 14px;
    height: 14px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    border-style: solid;
    border-width: 1px;
    border-color: #e5e5e5;
    border-left: none;
    border-top: 0;
    background-color: #f7f7f7
}

.kleo-quick-contact-link {
    display: block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #ccc;
    background-color: rgba(0,0,0,0.2);
    padding: 12px 14px;
    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;
    -o-transition: all .2s ease-in-out
}

.kleo-quick-contact-link i {
    color: #fff;
    font-size: 24px;
    line-height: 24px
}

.portfolio-filter-tabs {
    list-style: none;
    text-align: center;
    padding: 20px 0
}

.portfolio-filter-tabs li {
    display: inline-block;
    padding: 10px 1px;
    text-transform: uppercase
}

.portfolio-filter-tabs li.selected a {
    border-style: solid;
    border-width: 1px
}

.portfolio-filter-tabs li a {
    display: inline-block;
    border-radius: 22px;
    height: 30px;
    line-height: 30px;
    padding: 0 22px;
    border: 1px solid transparent
}

.portfolio-items li .portfolio-image img {
    width: 100%
}

.portfolio-items.default-style li .portfolio-item-content {
    margin: 0 10px 20px;
    box-shadow: 0 0 1px 0 rgba(0,0,0,0.22)
}

.portfolio-items.default-style li .portfolio-header .post-title {
    padding: 10px
}

.portfolio-items.default-style li .portfolio-info {
    padding: 0 10px 10px
}

.portfolio-items.overlay-style li.porto-hosted_video .portfolio-info,.portfolio-items.overlay-style li.porto-video .portfolio-info {
    display: none
}

.portfolio-items.overlay-style li .portfolio-header .post-title,.portfolio-items.overlay-style li .portfolio-info {
    padding: 10px;
    position: absolute;
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0)
}

.portfolio-items.overlay-style li .portfolio-header .post-title,.portfolio-items.overlay-style li .portfolio-header .post-title a,.portfolio-items.overlay-style li .portfolio-info p {
    color: #fff !important
}

.portfolio-items.overlay-style li .portfolio-info {
    bottom: 20px
}

.portfolio-items.per-row-5.overlay-style li .portfolio-info {
    bottom: 0
}

.portfolio-items.overlay-style li .portfolio-header .post-title {
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s;
    width: 50%;
    top: -40px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.portfolio-items.overlay-style li .portfolio-info {
    opacity: 0;
    -webkit-transition: opacity .2s,-webkit-transform .35s;
    transition: opacity .2s,transform .35s
}

.portfolio-items.overlay-style li:hover .portfolio-info {
    opacity: 1
}

.portfolio-items.overlay-style li:hover .portfolio-header .post-title {
    transition: all .3s ease-in-out 0s;
    width: 100%;
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0)
}

.portfolio-items.overlay-style li:hover .portfolio-image img,.portfolio-items.overlay-style li:hover .portfolio-info {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    cursor: pointer
}

.portfolio-items.overlay-style li:hover .hover-element {
    background: none repeat scroll 0 0 rgba(0,0,0,0.3)
}

.portfolio-items.overlay-style li:hover .hover-element i {
    display: none
}

.portfolio-items.overlay-style.anim-title li .portfolio-header .post-title {
    opacity: 0;
    transform: translate3d(-20px, 50px, 0)
}

.portfolio-items.overlay-style.anim-title li:hover .portfolio-header .post-title {
    opacity: 1;
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0)
}

.portfolio-items.hide-excerpt .portfolio-info {
    display: none
}

.portfolio-items .kleo-video-embed {
    overflow: hidden
}

.portfolio-items .kleo-video-embed .fluid-width-video-wrapper {
    height: 100%
}

.portfolio-back {
    padding: 20px 0
}

#main,#footer,#socket,.kleo-main-header {
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s
}

.adminbar-enable .offcanvas-sidebar {
    top: 32px
}

.offcanvas-left.offcanvas-type-default .offcanvas-sidebar,.offcanvas-left.offcanvas-type-overlay .offcanvas-sidebar {
    -webkit-transform: translate(-240px, 0);
    transform: translate(-240px, 0)
}

.offcanvas-left.offcanvas-type-default .offcanvas-sidebar.is-open,.offcanvas-left.offcanvas-type-overlay .offcanvas-sidebar.is-open {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.offcanvas-right.offcanvas-type-default .offcanvas-sidebar,.offcanvas-right.offcanvas-type-overlay .offcanvas-sidebar {
    -webkit-transform: translate(240px, 0);
    transform: translate(240px, 0);
    right: 0
}

.offcanvas-right.offcanvas-type-default .offcanvas-sidebar.is-open,.offcanvas-right.offcanvas-type-overlay .offcanvas-sidebar.is-open {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.offcanvas-left.offcanvas-type-default.offcanvas-open #main,.offcanvas-left.offcanvas-type-default.offcanvas-open #footer,.offcanvas-left.offcanvas-type-default.offcanvas-open #socket,.offcanvas-left.offcanvas-type-default.offcanvas-open .kleo-main-header {
    -webkit-transform: translate(240px, 0);
    transform: translate(240px, 0)
}

.offcanvas-right.offcanvas-type-default.offcanvas-open #main,.offcanvas-right.offcanvas-type-default.offcanvas-open #footer,.offcanvas-right.offcanvas-type-default.offcanvas-open #socket,.offcanvas-right.offcanvas-type-default.offcanvas-open .kleo-main-header {
    -webkit-transform: translate(-240px, 0);
    transform: translate(-240px, 0)
}

.offcanvas-right.offcanvas-type-default .kleo-page.offcanvas-open {
    -webkit-transform: translate(-240px, 0);
    transform: translate(-240px, 0)
}

.offcanvas-sidebar {
    position: fixed;
    width: 240px;
    -webkit-transform: translate(-240px, 0);
    transform: translate(-240px, 0);
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    top: 0;
    bottom: 0;
    font-size: 14px;
    line-height: 20px;
    padding: 20px 10px;
    z-index: 100;
    overflow: auto;
    box-sizing: border-box;
    min-height: 100%;
    height: 100%
}

.offcanvas-type-overlay .wrap-canvas-menu .widget_nav_menu .offcanvas-menu .dropdown-menu {
    background: transparent
}

.wrap-canvas-menu .widget_nav_menu .offcanvas-menu a {
    white-space: normal
}

.offcanvas-menu a.btn-buy {
    background-color: transparent !important
}

.wrap-canvas-menu .offcanvas-title {
    height: 30px
}

.wrap-canvas-menu .offcanvas-title .open-sidebar:before {
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    font-family: "fontello";
    font-size: 20px;
    content: "\e981";
    display: block;
    text-align: center
}

.wrap-canvas-menu .offcanvas-title .open-sidebar:hover:before {
    -webkit-transform: rotate(180deg) !important;
    transform: rotate(180deg) !important
}

.offcanvas-left .wrap-canvas-menu .offcanvas-title .open-sidebar {
    float: right
}

.offcanvas-right .wrap-canvas-menu .offcanvas-title .open-sidebar {
    float: left
}

.wrap-canvas-menu .offcanvas-before {
    clear: right
}

.wrap-canvas-menu .widget_nav_menu .offcanvas-menu {
    padding: 30px 0
}

.wrap-canvas-menu .widget_nav_menu .offcanvas-menu a {
    text-transform: uppercase
}

.wrap-canvas-menu .widget_nav_menu .offcanvas-menu .dropdown-menu {
    position: relative;
    background: transparent;
    min-width: 100%
}

.wrap-canvas-menu .widget_nav_menu .offcanvas-menu .dropdown-menu li {
    border: none
}

.wrap-canvas-menu .widget_nav_menu .offcanvas-menu .dropdown-menu>li>a:hover,.wrap-canvas-menu .widget_nav_menu .offcanvas-menu .dropdown-menu>li>a:focus {
    background: none
}

.wrap-canvas-menu .kleo-social-icons {
    list-style: none;
    padding: 40px 0;
    text-align: center
}

.wrap-canvas-menu .kleo-social-icons li {
    display: inline-block;
    padding: 0 10px
}

.wrap-canvas-menu .kleo-social-icons li a i {
    font-size: 18px
}

.wrap-canvas-menu .kleo-social-icons .ts-text {
    display: none
}

.wrap-canvas-menu .dropdown-menu>.active>a,.wrap-canvas-menu .dropdown-menu>.active>a:hover,.wrap-canvas-menu .dropdown-menu>.active>a:focus {
    background: none
}

.wrap-canvas-menu .caret:after {
    top: 9px
}

html:not(.kleo-transform) .offcanvas-sidebar {
    display: none
}

.feature-item {
    margin-bottom: 30px;
    text-align: left
}

.feature-item.default-icons-size .feature-icon,.feature-item.big-icons-size .feature-icon {
    display: inline-block;
    float: left;
    top: 0;
    text-align: center;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    transition: all .3s ease-in-out 0s
}

.feature-item.default-icons-size .feature-icon {
    font-size: 37px;
    margin: 1px 16px 0 0;
    width: 67px;
    height: 67px;
    line-height: 65px;
    border: 1px solid transparent
}

.bordered-icons .feature-item.default-icons-size .feature-icon {
    width: 67px;
    height: 67px;
    line-height: 65px
}

.feature-item.big-icons-size .feature-icon {
    font-size: 57px;
    width: 87px;
    height: 87px;
    line-height: 80px;
    border: 1px solid transparent
}

.box-style .feature-item.big-icons-size:not(.center-icons) .feature-icon {
    margin-bottom: 20px
}

.box-style .feature-item.big-icons-size:not(.center-icons) {
    width: 100%;
    text-align: left
}

.box-style .feature-item {
    width: 100%
}

.box-style .feature-text {
    word-wrap: break-word
}

.bordered-icons .feature-item.big-icons-size .feature-icon {
    width: 87px;
    height: 87px;
    line-height: 80px
}

.feature-item.default-icons-size .feature-title {
    margin: 0 12px 10px 83px;
    font-size: 28px !important
}

.feature-item.big-icons-size .feature-title {
    margin: 0 12px 10px 94px;
    font-size: 28px !important
}

.feature-item.big-icons-size {
    display: inline-block
}

.feature-item.big-icons-size.center-icons {
    display: block
}

.feature-item.default-icons-size .feature-text {
    margin: 0 0 20px 83px
}

.bordered-icons .feature-item.default-icons-size .feature-text {
    margin: 0 0 20px 83px
}

.feature-item.big-icons-size .feature-text {
    margin: 0 0 20px 94px
}

.feature-item.default-icons-size.center-icons .feature-icon {
    margin: 1px 0 20px -36px
}

.feature-item.default-icons-size.center-icons .feature-icon,.feature-item.big-icons-size.center-icons .feature-icon {
    float: none;
    text-align: center;
    left: 50%;
    position: relative
}

.bordered-icons .feature-item.default-icons-size.center-icons .feature-text {
    margin: 0 0 20px 0
}

.feature-item.default-icons-size.center-icons .feature-icon {
    margin-bottom: 20px
}

.feature-item.big-icons-size.center-icons .feature-icon {
    margin: 1px 0 20px -46px
}

.feature-item.center-icons .feature-title {
    margin-left: 0;
    margin-bottom: 20px;
    text-align: center
}

.feature-item.center-icons .feature-text {
    margin-left: 0;
    text-align: center
}

.box-style,.box-style .one-by-one-animated {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.box-style .one-by-one-animated {
    width: 100%
}

.box-style .feature-item {
    text-align: center;
    padding: 20px
}

.box-style .col-xs-12 {
    display: flex;
    margin-left: -1px
}

.box-style .feature-item.default-icons-size .feature-icon,.box-style .feature-item.big-icons-size .feature-icon {
    left: 0;
    margin-left: 0
}

.box-style .feature-item h3 {
    margin: 0;
    font-size: 18px;
    line-height: 24px
}

.box-style .feature-item h5 {
    margin-top: 10px
}

.box-style p:empty {
    display: none;
    height: 0;
    margin: 0
}

.box-style p {
    margin-top: 0
}

.custom-color .feature-item .feature-icon {
    color: inherit !important
}

.custom-color .feature-item:hover .feature-icon {
    border-color: inherit !important
}

.title-only .feature-item .feature-title {
    transform: translateY(20px);
    transition: all .4s ease 0s
}

.title-only .feature-item .feature-text {
    opacity: 0;
    transform: translateY(20px);
    transition: all .4s ease 0s
}

.title-only .feature-item:hover .feature-title {
    transition-duration: .2s;
    transform: translateY(0)
}

.title-only .feature-item:hover .feature-text {
    opacity: 1;
    transform: translateY(0);
    transition-duration: .2s
}

.divided-items .feature-item {
    padding-top: 50px
}

.divided-items,.divided-items .one-by-one-animated {
    position: relative;
    z-index: 0
}

@media (min-width: 768px) {
    .divided-items,.divided-items .one-by-one-animated {
        display:-webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.divided-items .feature-items {
    position: static;
    text-align: left
}

.divided-items .feature-items:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 10;
    width: 1px;
    margin-left: -15px
}

.divided-items:before,.divided-items:after,.divided-items .one-by-one-animated:before,.divided-items .one-by-one-animated:after {
    display: block;
    content: " "
}

.divided-items:after,.divided-items .one-by-one-animated:after {
    clear: both
}

.divided-items.box-shadow {
    -webkit-box-shadow: 0 12px 42px 12px rgba(0,0,0,0.08);
    -moz-box-shadow: 0 12px 42px 12px rgba(0,0,0,0.08);
    box-shadow: 0 12px 42px 12px rgba(0,0,0,0.08)
}

.divided-items+.divided-items {
    border-top-width: 1px;
    border-top-style: solid
}

@media (min-width: 768px) {
    .divided-items .col-md-3:after,.divided-items .col-md-6:after {
        content:'';
        position: absolute;
        top: 50%;
        z-index: 10;
        width: 50%;
        height: 1px;
        margin-left: -15px
    }
}

.divided-items .col-md-4 {
    border-bottom: 1px solid #e5e5e5
}

@media (min-width: 320px) and (max-width:400px) {
    .feature-item.default-icons-size,.feature-item.big-icons-size {
        text-align:center;
        margin-bottom: 30px;
        padding-bottom: 10px
    }

    .box-style .feature-item.big-icons-size:not(.center-icons) {
        text-align: center
    }

    .feature-item.default-icons-size .feature-icon {
        float: none;
        margin: 0 auto 10px
    }

    .feature-item.big-icons-size .feature-icon {
        float: none;
        margin: 0 auto 30px
    }

    .feature-item.default-icons-size .feature-text,.feature-item.default-icons-size .feature-title,.feature-item.big-icons-size .feature-title,.feature-item.big-icons-size .feature-text {
        margin: 0
    }

    .bordered-icons .feature-item.default-icons-size .feature-text {
        margin: 0 0 20px 0
    }

    .feature-item.default-icons-size.center-icons .feature-icon,.feature-item.big-icons-size.center-icons .feature-icon {
        left: auto;
        margin: 0 auto 30px
    }
}

.multi-columns-row .first-in-row {
    clear: left
}

.multi-columns-row .col-xs-6:nth-child(2n + 3) {
    clear: left
}

.multi-columns-row .col-xs-4:nth-child(3n + 4) {
    clear: left
}

.multi-columns-row .col-xs-3:nth-child(4n + 5) {
    clear: left
}

.multi-columns-row .col-xs-2:nth-child(6n + 7) {
    clear: left
}

.multi-columns-row .col-xs-1:nth-child(12n + 13) {
    clear: left
}

@media (min-width: 768px) {
    .multi-columns-row .col-xs-6:nth-child(2n + 3) {
        clear:none
    }

    .multi-columns-row .col-xs-4:nth-child(3n + 4) {
        clear: none
    }

    .multi-columns-row .col-xs-3:nth-child(4n + 5) {
        clear: none
    }

    .multi-columns-row .col-xs-2:nth-child(6n + 7) {
        clear: none
    }

    .multi-columns-row .col-xs-1:nth-child(12n + 13) {
        clear: none
    }

    .multi-columns-row .col-sm-6:nth-child(2n + 3) {
        clear: left
    }

    .multi-columns-row .col-sm-4:nth-child(3n + 4) {
        clear: left
    }

    .multi-columns-row .col-sm-3:nth-child(4n + 5) {
        clear: left
    }

    .multi-columns-row .col-sm-2:nth-child(6n + 7) {
        clear: left
    }

    .multi-columns-row .col-sm-1:nth-child(12n + 13) {
        clear: left
    }
}

@media (min-width: 992px) {
    .multi-columns-row .col-sm-6:nth-child(2n + 3) {
        clear:none
    }

    .multi-columns-row .col-sm-4:nth-child(3n + 4) {
        clear: none
    }

    .multi-columns-row .col-sm-3:nth-child(4n + 5) {
        clear: none
    }

    .multi-columns-row .col-sm-2:nth-child(6n + 7) {
        clear: none
    }

    .multi-columns-row .col-sm-1:nth-child(12n + 13) {
        clear: none
    }

    .multi-columns-row .col-md-6:nth-child(2n + 3) {
        clear: left
    }

    .multi-columns-row .col-md-4:nth-child(3n + 4) {
        clear: left
    }

    .multi-columns-row .col-md-3:nth-child(4n + 5) {
        clear: left
    }

    .multi-columns-row .col-md-2:nth-child(6n + 7) {
        clear: left
    }

    .multi-columns-row .col-md-1:nth-child(12n + 13) {
        clear: left
    }
}

@media (min-width: 1200px) {
    .multi-columns-row .col-md-6:nth-child(2n + 3) {
        clear:left
    }

    .multi-columns-row .col-md-4:nth-child(3n + 4) {
        clear: left
    }

    .multi-columns-row .col-md-3:nth-child(4n + 5) {
        clear: left
    }

    .multi-columns-row .col-md-2:nth-child(6n + 7) {
        clear: none
    }

    .multi-columns-row .col-md-1:nth-child(12n + 13) {
        clear: none
    }

    .multi-columns-row .col-lg-6:nth-child(2n + 3) {
        clear: left
    }

    .multi-columns-row .col-lg-4:nth-child(3n + 4) {
        clear: left
    }

    .multi-columns-row .col-lg-3:nth-child(4n + 5) {
        clear: left
    }

    .multi-columns-row .col-lg-2:nth-child(6n + 7) {
        clear: left
    }

    .multi-columns-row .col-lg-1:nth-child(12n + 13) {
        clear: left
    }
}

.pin-attached {
    position: relative
}

.kleo-pin-circle {
    position: absolute;
    width: 23px;
    height: 23px;
    background: rgba(0,0,0,0.1);
    border-radius: 50%;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    z-index: 27
}

.kleo-pin-circle:hover {
    z-index: 28 !important
}

.kleo-pin-circle span {
    display: block;
    top: 0;
    left: 0;
    width: 23px;
    height: 23px;
    border: 0;
    outline: 0;
    overflow: hidden;
    text-indent: -5555px;
    cursor: default;
    border-radius: 50%;
    -webkit-transform: scale(.415);
    -moz-transform: scale(.415);
    -ms-transform: scale(.415);
    -o-transform: scale(.415);
    transform: scale(.415);
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

.kleo-pin-circle:hover span {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(.3);
    transform: scale(1)
}

.kleo-pin-circle span:hover {
    cursor: pointer
}

.kleo-pin-poi {
    background: none repeat scroll 0 0 rgba(0,0,0,0);
    border-style: solid;
    border-width: 6px;
    border-radius: 14px 14px 14px 0;
    box-shadow: -1px 1px 2px rgba(0,0,0,0.2);
    display: inline-block;
    width: 8px;
    height: 8px;
    padding: 5px;
    margin-top: 40px;
    transform: rotate(-45deg);
    position: absolute;
    z-index: 9999
}

.kleo-pin-icon {
    position: absolute;
    width: 23px;
    height: 23px;
    line-height: 23px;
    background: rgba(0,0,0,0.1);
    border-radius: 50%;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    z-index: 9999
}

.kleo-pin-icon span {
    display: block;
    top: 0;
    left: 0;
    width: 23px;
    height: 23px;
    line-height: 23px;
    border: 0;
    outline: 0;
    overflow: hidden;
    text-align: center;
    cursor: default;
    border-radius: 50%;
    -webkit-transform: scale(.815);
    -moz-transform: scale(.815);
    -ms-transform: scale(.815);
    -o-transform: scale(.815);
    transform: scale(.815);
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

.kleo-pin-icon:hover span {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.kleo-pin-icon span:hover {
    cursor: pointer
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 29;
    display: none;
    max-width: 276px !important;
    padding: 0;
    text-align: left;
    white-space: normal;
    border: none;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 3px 18px 0 rgba(0,0,0,0.1);
    background-clip: padding-box;
    -webkit-bg-clip: padding-box;
    -moz-bg-clip: padding
}

.tp-caption .popover {
    min-width: 180px
}

.popover.top {
    margin-top: -30px
}

.popover.right {
    margin-left: 40px
}

.popover.bottom {
    margin-top: 90px
}

.popover.left {
    margin-left: -40px
}

.popover-title {
    padding: 10px 14px;
    margin: 0;
    font-size: 21px;
    font-weight: 300;
    line-height: 30px;
    border: none;
    border-radius: 5px 5px 0 0
}

.popover-content {
    padding: 9px 14px;
    font-size: 13px;
    line-height: 20px
}

.popover.top .arrow,.popover.top .arrow:after {
    border-top-color: #fff
}

.popover.right .arrow,.popover.right .arrow:after {
    border-right-color: #fff
}

.popover.left .arrow,.popover.left .arrow:after {
    border-left-color: #fff
}

.tooltip {
    font-weight: normal
}

.tooltip.in {
    opacity: 1;
    filter: alpha(opacity=100)
}

.tooltip.top {
    margin-top: -10px
}

.tooltip.right {
    margin-left: 26px
}

.tooltip.bottom {
    margin-top: 36px
}

.tooltip.left {
    margin-left: -26px
}

.tooltip-inner {
    max-width: 200px;
    padding: 8px;
    color: #777;
    text-align: center;
    text-decoration: none;
    background-color: #fff;
    border-color: #e5e5e5;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.pricing-table .panel-info {
    border: none;
    border-radius: 0;
    box-shadow: 0 0 1px 0 rgba(0,0,0,0.18)
}

.pricing-table .panel-info>.panel-heading {
    border: none;
    padding-bottom: 0
}

.pricing-table .panel-heading h3 {
    margin-bottom: 0;
    padding-bottom: 10px;
    text-transform: uppercase;
    border-bottom-style: solid;
    border-bottom-width: 1px
}

.pricing-table .panel-body {
    font-style: italic;
    padding: 5px 15px
}

.pricing-table .panel-body>strong {
    font-style: normal
}

.pricing-table .pmpro-price {
    padding: 20px 15px
}

.pricing-table .pmpro-price .lead {
    font-style: normal;
    font-size: 54px;
    line-height: 64px;
    margin: 0;
    font-weight: 300
}

.pricing-table .pmpro-price .lead>strong {
    font-weight: 300
}

.pricing-table .pmpro-price sup {
    font-size: 50%;
    top: -0.75em
}

.pricing-table .extra-description {
    padding: 5px 15px 30px;
    font-size: 12px
}

.pricing-table ul.list-group {
    padding: 20px 15px 0
}

.container .pricing-table li.list-group-item {
    border: none;
    margin-bottom: 0;
    border-radius: 0;
    padding: 5px 15px;
    font-size: 12px;
    text-transform: uppercase
}

.container .pricing-table ul.list-group li:last-child {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding-bottom: 25px
}

.pricing-table .list-group-item.unavailable:before,.pricing-table .pricing-table .extra-description:before {
    display: none
}

.pricing-table .list-group-item:before {
    content: "\e980";
    font: 13px 'fontello';
    margin-right: 10px
}

.pricing-table .panel-footer {
    background: none;
    border: none
}

.pricing-table .panel-info.popular {
    box-shadow: 3px 3px 10px rgba(0,0,0,0.1)
}

.pricing-table .panel-info.popular .panel-heading {
    margin-top: -20px;
    padding-top: 20px
}

.pricing-table .popular .panel-heading h3 {
    border-bottom-style: solid;
    border-bottom-width: 1px
}

.pricing-table .popular .extra-description {
    text-transform: uppercase
}

.pricing-table.style-2>div {
    padding: 0
}

.pricing-table.style-2>div:first-child {
    padding-left: 15px
}

.pricing-table.style-2>div:last-child {
    padding-right: 15px
}

.pricing-table.style-2 .panel-info>.panel-heading {
    padding: 10px
}

.pricing-table .pmpro-price .lead {
    font-size: 48px
}

.pricing-table.style-2 .extra-description {
    font-style: italic;
    min-height: 100px
}

.pricing-table.style-2 .panel-footer {
    padding: 20px 15px
}

.pricing-table.style-2 .btn {
    padding: 10px 26px;
    text-transform: uppercase
}

.pricing-table.style-2 .panel-info.popular {
    box-shadow: 0 3px 14px rgba(0,0,0,0.2);
    position: relative;
    z-index: 10
}

.pricing-table.style-2 .panel-info.popular>.panel-heading {
    padding: 20px 10px
}

.pricing-table.style-2 .panel-info.popular>.panel-footer {
    padding: 30px 10px
}

.pricing-table .panel-info.popular .pmpro-price .lead {
    font-size: 60px
}

.pricing-table.color-headings .panel-heading h3 {
    border-bottom: none
}

.news-focus .kleo-tabs .tabs-style-line {
    text-align: right
}

.news-focus .kleo-tabs .tabs-style-line li {
    float: none;
    display: inline-block
}

.news-focus .kleo-tabs .tabs-style-line li:first-child:not(.tabdrop),.news-focus .kleo-tabs .tabs-style-line li.tabdrop+:not(.tabdrop) {
    float: left
}

.news-focus .kleo-tabs .tabs-style-line li:first-child:not(.tabdrop) a,.news-focus .kleo-tabs .tabs-style-line li.tabdrop+:not(.tabdrop) a {
    margin-left: 0
}

.news-focus .kleo-tabs .tabs-style-line li.active>a {
    background: transparent
}

.news-focus .left-thumb-listing .post-image,.news-focus .left-thumb-listing .kleo-video-wrap,.news-focus .left-thumb-listing .kleo-video,.news-focus .left-thumb-listing .mejs-mediaelement,.news-focus .left-thumb-listing .mejs-overlay,.news-focus .left-thumb-listing .mejs-inner {
    width: 100px;
    max-width: 100px;
    float: left;
    margin-right: 20px
}

.news-focus .left-thumb-listing .post-date {
    font-size: 11px
}

.news-focus .left-thumb-listing .post-title {
    font-size: 16px
}

.news-focus .left-thumb-listing .post-content {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: inline-block;
    margin-bottom: 10px;
    padding-bottom: 10px;
    width: 100%
}

.news-focus .left-thumb-listing article:last-child .post-content {
    border-bottom: 0
}

.news-focus .standard-listing:not(.template-page) .type-post {
    border-bottom: 0
}

.news-focus .left-thumb-listing .kleo-video-wrap {
    overflow: hidden
}

.news-focus .left-thumb-listing .mejs-controls {
    display: none !important
}

.news-focus .left-thumb-listing .mejs-overlay-button::before {
    font-size: 12px;
    height: 25px;
    line-height: 25px;
    padding-left: 5px;
    width: 25px
}

.news-focus .left-thumb-listing .mejs-overlay-button {
    height: 25px;
    margin: 0 0 0 -12px !important;
    width: 25px
}

.news-focus .left-thumb-listing .kleo-banner-slider,.news-focus .left-thumb-listing .flex-video {
    width: 100px;
    float: left;
    margin-right: 20px
}

.news-focus .left-thumb-listing .kleo-banner-items {
    float: left !important
}

.news-highlight .standard-listing .post-image img {
    width: 100%
}

.news-highlight .left-thumb-listing .post-image,.news-highlight .left-thumb-listing .kleo-video-wrap,.news-highlight .left-thumb-listing .kleo-video,.news-highlight .left-thumb-listing .mejs-mediaelement,.news-highlight .left-thumb-listing .mejs-overlay,.news-highlight .left-thumb-listing .mejs-inner {
    width: 100px;
    max-width: 100px;
    float: left;
    margin-right: 20px
}

.news-highlight .left-thumb-listing .post-date {
    font-size: 11px
}

.news-highlight .left-thumb-listing .post-title {
    font-size: 16px
}

.news-highlight .left-thumb-listing .post-content {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: inline-block;
    margin-bottom: 10px;
    padding-bottom: 10px;
    width: 100%
}

.news-highlight .left-thumb-listing article:last-child .post-content {
    border-bottom: 0
}

.news-highlight .standard-listing:not(.template-page) .type-post {
    border-bottom-width: 1px;
    border-bottom-style: solid
}

.news-highlight .left-thumb-listing .kleo-video-wrap {
    overflow: hidden
}

.news-highlight .left-thumb-listing .mejs-controls {
    display: none !important
}

.news-highlight .left-thumb-listing .mejs-overlay-button::before {
    font-size: 12px;
    height: 25px;
    line-height: 25px;
    padding-left: 5px;
    width: 25px
}

.news-highlight .left-thumb-listing .mejs-overlay-button {
    height: 25px;
    margin: 0 0 0 -12px !important;
    width: 25px
}

.news-highlight .left-thumb-listing .kleo-banner-slider,.news-highlight .left-thumb-listing .flex-video {
    width: 100px;
    float: left;
    margin-right: 20px
}

.news-highlight .left-thumb-listing .kleo-banner-items {
    float: left !important
}

.news-highlight .posts-listing .label {
    border-radius: 0;
    display: inline-block;
    font-size: 11px;
    font-weight: normal;
    left: 0;
    padding: 7px 7px 6px;
    position: absolute;
    text-transform: uppercase;
    top: 10px;
    z-index: 10
}

.js .news-ticker {
    height: 0;
    overflow: hidden
}

.news-ticker .post-title {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-replace: optimizespeed
}

.news-ticker h3>a:after {
    content: " - ";
    padding-left: 15px
}

.news-ticker article {
    margin-right: 10px;
    display: block;
    float: left;
    padding: 5px
}

.news-ticker article h3 {
    margin: 0
}

.kleo-column-news-image-wrapper img {
    width: 100%;
    height: auto
}

.kleo-column-news .kleo-column-news-text-wrapper {
    overflow: hidden
}

.kleo-column-news-one-news .switch-container:first-child .aspect-ratio-container:after {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #fff;
    bottom: 0;
    left: 25px
}

.kleo-column-news.border-radius {
    border-radius: 10px;
    overflow: hidden
}

.kleo-column-news-one-news .news-meta .news-post-meta .meta-author img {
    width: 20px;
    border-radius: 50%;
    margin-right: 10px
}

.kleo-column-news-one-news .aspect-ratio-container>.content.kleo-column-news-text-wrapper {
    padding: 25px;
    text-align: left
}

.kleo-column-news-one-news .aspect-ratio-container>.content.kleo-column-news-text-wrapper p {
    margin-top: 20px
}

.kleo-column-news-one-news .aspect-ratio-container {
    background: #fff
}

@media (min-width: 767px) {
    .kleo-column-news .kleo-column-news-text-wrapper {
        margin-top:20px
    }

    .kleo-column-news-one-news.need-switch .switch-container:first-child .aspect-ratio-container:after {
        content: '';
        position: absolute;
        display: block;
        width: 0;
        height: 0;
        border-left: 9px solid transparent;
        border-right: 9px solid transparent;
        border-top: 9px solid #fff;
        border-bottom: 0;
        top: 0;
        left: 25px
    }

    .kleo-column-news-one-news>div {
        padding-left: 0;
        padding-right: 0
    }

    .kleo-column-news-one-news .aspect-ratio-container {
        position: relative
    }

    .kleo-column-news-one-news .aspect-ratio-container:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 100%
    }

    .kleo-column-news-one-news .aspect-ratio-container>.content {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
    }

    .kleo-column-news-one-news.need-switch .switch-container:first-child {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        padding-top: 100%
    }

    .kleo-column-news-one-news.need-switch .switch-container:nth-child(2) {
        padding-bottom: 100%
    }
}

@media screen and (min-width: 767px) {
    .kleo-form-register .first-col {
        padding-right:6px
    }

    .kleo-form-register .last-col {
        padding-left: 6px
    }
}

.kleo-register-inline .kleo-form-register,.kleo-register-inline .kleo-form-signin {
    padding: 0
}

.kleo-register-style-white input[type="text"],.kleo-register-style-white input[type="password"] {
    border: 1px solid rgba(255,255,255,0.6) !important;
    background: rgba(255,255,255,0.4);
    color: rgba(0,0,0,0.6) !important;
    transition: background-color .3s ease,border-color .3s ease
}

.kleo-register-style-white input[type="text"]:focus,.kleo-register-style-white input[type="password"]:focus {
    border: 1px solid #fff !important;
    background: rgba(255,255,255,0.8);
    color: #000 !important
}

.kleo-register-style-white input::-webkit-input-placeholder {
    color: rgba(0,0,0,0.4) !important
}

.kleo-register-style-white input :-moz-placeholder {
    color: rgba(0,0,0,0.4) !important
}

.kleo-register-style-white input::-moz-placeholder {
    color: rgba(0,0,0,0.4) !important
}

.kleo-register-style-white input:-ms-input-placeholder {
    color: rgba(0,0,0,0.4) !important
}

.kleo-register-style-white input::-ms-input-placeholder {
    color: rgba(0,0,0,0.4) !important
}

.kleo-register-style-white input:placeholder-shown {
    color: rgba(0,0,0,0.4) !important
}

.kleo-register-style-white button.btn-default {
    border: none;
    background: rgba(255,255,255,0.75);
    color: rgba(0,0,0,0.6);
    text-transform: uppercase
}

.kleo-register-style-white button.btn-default:hover {
    background: rgba(255,255,255,0.9);
    color: rgba(0,0,0,0.8)
}

.kleo-register-style-black input[type="text"],.kleo-register-style-black input[type="password"] {
    border: 1px solid rgba(0,0,0,0.2) !important;
    background: rgba(0,0,0,0.1);
    color: rgba(255,255,255,0.6) !important;
    transition: background-color .3s ease,border-color .3s ease
}

.kleo-register-style-black input[type="text"]:focus,.kleo-register-style-black input[type="password"]:focus {
    border: 1px solid rgba(0,0,0,0.3) !important;
    background: rgba(0,0,0,0.2);
    color: #fff !important
}

.kleo-register-style-black input::-webkit-input-placeholder {
    color: rgba(255,255,255,0.6) !important
}

.kleo-register-style-black input :-moz-placeholder {
    color: rgba(255,255,255,0.6) !important
}

.kleo-register-style-black input::-moz-placeholder {
    color: rgba(255,255,255,0.6) !important
}

.kleo-register-style-black input:-ms-input-placeholder {
    color: rgba(255,255,255,0.6) !important
}

.kleo-register-style-black input::-ms-input-placeholder {
    color: rgba(255,255,255,0.6) !important
}

.kleo-register-style-black input:placeholder-shown {
    color: rgba(255,255,255,0.6) !important
}

.kleo-register-size-large input[type="text"],.kleo-register-size-large input[type="password"],.kleo-register-size-large input[type="text"]:focus,.kleo-register-size-large input[type="password"]:focus {
    height: 50px;
    padding: 10px 15px;
    border-width: 2px !important
}

.kleo-register-style-black button.btn-default {
    border: none;
    background: rgba(0,0,0,0.5);
    color: rgba(255,255,255,0.6);
    text-transform: uppercase
}

.kleo-register-style-black button.btn-default:hover {
    background: rgba(0,0,0,0.8);
    color: rgba(255,255,255,0.8)
}

.kleo-register-inline .col-sm-12 {
    position: initial
}