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
}

.main-color ::selection {
    background-color: #12CEA8 !important;
    color: #ffffff;
}

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: 200px;
}

.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: #009979;
    border-radius: 4px
}


.navbar-toggle:hover,
.navbar-toggle:focus {
    background-color: #009979 !important;
}

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

.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;
    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-nav>.kleo-toggle-menu .kleo-toggle-submenu {
    top: 100%
}

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

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

.navbar-transparent .navbar-nav>.kleo-messages-nav.kleo-toggle-menu .kleo-toggle-submenu:before {
    background-color: rgba(0, 0, 0, 0);
    top: -10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 12px 10px 12px;
    border-color: transparent transparent rgba(0, 0, 0, 0.6) transparent;
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg)
}

.navbar-transparent .navbar-nav>.kleo-messages-nav .kleo-toggle-menu .minicart-buttons {
    background-color: rgba(0, 0, 0, 0.2) !important;
    border: 1px solid rgba(0, 0, 0, 0);
    color: #fff
}

.navbar-transparent .navbar-nav>.kleo-messages-nav .kleo-toggle-menu .sub-menu {
    color: #fff !important
}

.navbar-transparent .navbar-nav li.kleo-submenu-item span,
.navbar-transparent .navbar-nav ul.submenu-inner li.kleo-submenu-item {
    color: #fff
}

.navbar-transparent .navbar-nav>.kleo-notifications-nav.kleo-toggle-menu .kleo-toggle-submenu:before {
    background-color: rgba(0, 0, 0, 0);
    top: -10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 12px 10px 12px;
    border-color: transparent transparent rgba(0, 0, 0, 0.6) transparent;
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg)
}

.navbar-transparent .navbar-nav>.kleo-notifications-nav.kleo-toggle-menu .minicart-buttons {
    background-color: rgba(0, 0, 0, 0.2) !important;
    border: 1px solid rgba(0, 0, 0, 0)
}

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

.disable-all-animations .el-zero-fade {
    -webkit-animation: none !important;
    -o-animation: none !important;
    animation: none !important;
    opacity: 1 !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 .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
    }

    .disable-all-animations-on-mobile .el-zero-fade {
        -webkit-animation: none !important;
        -o-animation: none !important;
        animation: none !important;
        opacity: 1 !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
}

body {
    font-family: 'Rubik', sans-serif !important;
    font-weight: 300 !important;
    -webkit-font-smoothing: antialiased;
}

body {
    font-weight: 400 !important;
}

body h2,
.myclass-home-banner-service span.kleo-icon-text {
    font-family: AM !important;
    font-weight: 900 !important;
}

body::-webkit-scrollbar-track {
    background-color: #fff;
}

body::-webkit-scrollbar-thumb {
    background-color: #009979;
    border-radius: 50px;
}

section.container-wrap.myclass-home-banner-row.home-padding.main-color .container {
    max-width: 100% !important;
}

body::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: transparent;
}

.myclass-home-banner-row .section-container.container {
    max-width: 100%;
    padding: 0;
}

.myclass-home-banner-row-2 .vc_column-inner {
    padding: 0 !important;
}

.myclass-team-banner {
    background: #ecfeff;
}

.myclass-team-banner img {
    max-width: 75% !important;
}

.myclass-team-banner .section-container.container {
    margin: 0 5.5%;
}

.myclass-home-banner-services .section-container.container {
    margin-left: 6%;
    margin-right: 6%;
}

.myclass-banner-mobile {
    position: relative;
}

.myclass-banner-mobile img {
    max-width: 900px !important;
    position: absolute;
    right: -300px;
    top: 0;
}

.myclass-home-banner-row .wpb_column.vc_column_container.vc_col-sm-1,
#carousel-example-generic .col-md-1 {
    width: 6.333333%;
}

.myclass-home-banner-row .wpb_column.vc_column_container.vc_col-sm-6 {
    width: 51%;
}

.myclass-home-banner-row .wpb_column.vc_column_container.vc_col-sm-5 {
    width: 42.666667%;
}

.myclass-home-banner-services {
    margin-top: -3% !important;
}

.myclass-home-banner-row-1 p {
    margin: 2% 0;
    font-weight: 400;
}

.myclass-home-banner-row-1 h2 {
    font-weight: 900;
}

.myclass-home-banner-service span.kleo-icon-text {
    color: white;
    padding-left: 3%;
}

.myclass-header-quote::before {
    color: white;
    font-size: 60px;
}

.myclass-header-testimonials .section-container.container {
    max-width: 100%;
    padding: 0;
}

h2.myclass-header-quote-heading {
    color: white !important;
    font-size: 30px;
    margin: 3% 0;
}

#carousel-example-generic .carousel-control {
    background: transparent !important;
    top: 90%;
    opacity: 1;
    height: 30px;
    line-height: 30px;
    text-align: left;
}

#carousel-example-generic .carousel-control .icon-next,
#carousel-example-generic .carousel-control .icon-prev {
    width: 65px;
    font-size: 13px;
    color: #53c2c7;
    text-shadow: none;
    font-family: 'Rubik', sans-serif !important;
    font-weight: 600 !important;
}

#carousel-example-generic .right.carousel-control {
    left: 16%;
}

#carousel-example-generic .carousel-control .icon-next:before {
    display: none;
}

#carousel-example-generic .carousel-control .icon-next:after {
    font-size: 24px;
    content: '\203a';
    font-family: "fontello";
    width: 18px;
    line-height: 24px;
    display: inline-block;
    text-align: center;
    height: auto;
    vertical-align: top;
}

#carousel-example-generic .carousel-control .icon-prev:before {
    font-size: 24px;
    content: '\2039';
    -webkit-font-smoothing: auto;
    width: 18px;
    height: auto;
    vertical-align: top;
}

.myclass-home-testimonials-content p {
    color: white;
    margin: 0;
    ! font-style: italic;
    font-size: 15px;
    font-weight: 400 !important;
    line-height: 17px;
}

.myclass-home-testimonials-content h2 {
    margin: 0;
    font-size: 20px;
    color: white !important;
    line-height: 20px;
    margin-top: 2%;
}

.row.myclass-testimonials-row {
    margin-top: 3%;
}

.myclass-home-testimonials-content img {
    width: 100px !important;
    height: 100px !important;
    object-fit: cover;
    object-position: center;
    border-radius: 60%;
}

.myclass-home-banner {
    background-size: 100% 100%;
}

.myclass-playstore-1.wpb_column.vc_column_container.vc_col-sm-8 {
    width: 70.666667%;
}

.myclass-playstore-2.wpb_column.vc_column_container.vc_col-sm-4 {
    width: 29.333333%;
}

.myclass-banner-sections .section-container.container {
    max-width: 88% !important;
}

.wrap-content .myclass-home-services {
    background-position-y: top !important;
    background-position-x: right !important;
    background-size: 61% 100% !important;
}

.myclass-services-2 p {
    font-weight: 400;
    margin: 0;
    color: black;
}

.myclass-testimonials-img-left img {
    width: 23% !important;
}

.myclass-dummy-img img {
    width: 75%;
}

.text-left a.btn.btn-default:after {
    content: '\f101';
}

.myclass-home-service-btn a {
    background: #009979 !important;
    color: white !important;
    padding: 9px 61px 9px 42px !important;
    font-size: 15px !important;
    box-shadow: 0px 0px 20px 4px lightgrey !important;
    text-align: center !important;
    border: none !important;
    font-weight: 400;
}

.myclass-home-service-btn a i {
    right: 44px !important;
}

body.date-20180821.en_US.ltr.exp-invert-logo.exp-kevlar-settings.exp-responsive.exp-search-big-thumbs.site-center-aligned.site-as-giant-card.webkit.webkit-537 {
    border-radius: 15px !important;
    background: transparent !important;
    width: 80%;
    right: 0;
}

.myclass-feature-1 {
    font-weight: 900 !important;
    font-family: AM !important;
    margin-bottom: 0;
}

.myclass-features-p p {
    margin-top: 0.5%;
    font-weight: 400 !important;
}

.myclass-features-p {
    margin-bottom: 40px;
}

.myclass-features-section .section-container.container {
    max-width: 88%;
}

.myclass-features-section .vc_col-sm-6 {
    width: 48%;
}

.myclass-features-section .vc_col-sm-5 {
    width: 43.666667%;
}

.myclass-download-app-p p {
    font-family: AM !important;
    font-weight: 900;
    font-size: 17px;
    margin-top: 0;
}

.myclass-home-banner-service p {
    font-weight: 400;
}

.myclass-home-box-3 p {
    font-weight: 400 !important;
    margin-top: 2%;
}

.myclass-home-video .wpb_video_wrapper {
    padding-top: 68.25% !important;
}

.myclass-home-client-carousel img {
    padding: 10% !important;
}

.myclass-home-client-carousel i {
    color: #009979;
}

.kleo-carousel-container:hover .carousel-arrow .carousel-next {
    right: -35px;
}

.kleo-carousel-container:hover .carousel-arrow .carousel-prev {
    left: -35px;
}

a.carousel-next:hover {
    background: white;
}

.myclass-home-banner-service {
    display: flex !important;
}

.myclass-team-members .section-container.container {
    max-width: 100%;
    padding: 0;
}

.myclass-team-members .vc_column-inner {
    padding: 0 !important;
}

.myclass-team-members .vc_col-sm-1 {
    width: 6.333333%;
}

.myclass-team-members .vc_col-sm-2 {
    width: 17.4%;
}

.myclass-team-members .myclass-team-tags-section {
    width: 35.1%;
    padding: 0 2% 0 0;
}

.myclass-team-members img {
    max-width: 85% !important;
}

.myclass-team-members h2 {
    font-size: 18px;
    width: 200px;
    margin: 0 auto;
}

.myclass-team-tags {
    display: flex;
    margin: 1.5% 0;
}

.myclass-team-members .wpb_single_image {
    margin-bottom: 4%;
}

.myclass-team-tag {
    padding: 9px 15px;
    margin-left: 10px;
    float: right;
    border-radius: 5px;
    font-weight: 400;
    font-size: 15px;
}

a.myclass-cyan-tag {
    background: #51c0c7;
    color: black !important;
}

a.myclass-black-tag {
    background: black;
    color: white !important;
}

a.myclass-blue-tag {
    background: #0638cc;
    color: white !important;
}

.myclass-all-banner-p p {
    font-size: 15px;
    font-weight: 400;
    margin: 0;
}

.myclass-contactus-details .vc_col-sm-2 .wpb_wrapper {
    width: 65px;
    height: 65px;
    background: #009979;
    border-radius: 50%;
    padding: 27%;
}

.myclass-contactus-details h2 {
    font-size: 22px;
    line-height: 27px;
}

.myclass-contactus-details p,
.myclass-newsletter-row p {
    font-size: 15px;
    color: black;
    margin: 0;
    font-weight: 400;
    line-height: 17px;
}

.myclass-newsletter-row p {
    width: 71%;
    word-break: break-all;
    margin: 1.8% 0;
}

.myclass-contact-row {
    margin-left: 13%;
}

.myclass-contact-map .wpb_wrapper {
    padding: 0 !important;
}

.myclass-map-row .vc_column-inner {
    padding: 0 !important;
}

.myclass-contact-form-col .vc_column-inner {
    padding: 5% 12% !important;
}

.myclass-newsletter-contact pre {
    padding-left: 0 !important;
}

input#myidname,
input#myidemail,
input#myidnumber,
input#myidsubject,
textarea#myidmessage {
    color: white !important;
    border: 1px solid white;
    border-radius: 7px;
    background: transparent;
    font-size: 14px;
    margin-bottom: 0.2%;
    padding: 1.5% 4% !important;
    width: 100%;
}

input#myidname,
input#myidemail,
input#myidnumber,
input#myidsubject {
    height: 43px;
}

input#myidname::placeholder,
input#myidemail::placeholder,
input#myidnumber::placeholder,
input#myidsubject::placeholder,
textarea#myidmessage::placeholder {
    color: white !important;
}

input#myidsubmit {
    background-image: url(/wp-content/uploads/2025/11/double-right-arrow.png) !important;
    background-repeat: no-repeat;
    background-position-x: 84%;
    background-position-y: 46%;
    background-color: white;
    color: black;
    text-transform: capitalize;
    font-size: 15px;
    padding: 3.5% 12% 3.5% 6%;
    line-height: 16px;
    background-size: 16%;
    border-radius: 5px;
}

input#myidsubmit:focus {
    outline: 0;
}

input.tnp-email {
    background: #FF4C46 !important;
    color: #fff !important;
    border-radius: 5px !important;
    font-weight: 500;
    margin-right: 2%;
    padding: 2% 3% !important;
    font-size: 15px !important;
    box-shadow: 6px 4px 28px 2px lightgrey;
    max-width: 50% !important;
    font-family: 'Rubik', sans-serif !important;
    font-weight: 400;
}

input.tnp-email::placeholder {
    color: #fff;
}

input.tnp-submit {
    background-color: #FFE056 !important;
    background-image: url(/wp-content/uploads/2025/11/double-right-arrow.png) !important;
    background-repeat: no-repeat;
    background-position-x: 84%;
    background-position-y: 46%;
    color: black !important;
    border-radius: 5px !important;
    font-weight: 500;
    margin-right: 5%;
    max-width: 50% !important;
    padding: 2% 3% !important;
    font-size: 15px !important;
    width: 20%;
    box-shadow: 6px 4px 28px 2px lightgrey;
    font-family: 'Rubik', sans-serif !important;
    font-weight: 400;
}

.myclass-newsletter-contact pre {
    border: none;
}

.myclass-home-number select {
    border: none;
    background: transparent;
    height: 45px;
    font-size: 18px;
    width: 75%;
    padding: 0 0 0 20% !important;
}

.myclass-home-dropdown .myclass-dropdown-text input[type="text"] {
    background: transparent;
    border: none;
    margin: 0;
    height: 45px;
    width: 100%;
}

.myclass-home-number {
    width: 18%;
    display: inline-block;
}

.myclass-home-dropdown {
    border-radius: 5px !important;
    background-color: #FF4C46;
    width: 58%;
    box-shadow: 0px 0px 14px 5px #1f1f1f2b;
    display: flex;
    height: 45px;
    margin-top: 4%;
    margin-bottom: 10%;
}

.myclass-home-number:after {
    content: '\f0d7';
    font-family: 'Font Awesome 5 Free';
    cursor: pointer;
    font-weight: 600;
}

.myclass-dropdown-text input[type="number"] {
    background: transparent;
    border: none;
    width: 100%;
    margin: 0;
    height: 100%;
    font-size: 18px;
    color: #fff !important;
}

.myclass-dropdown-submit {
    display: inline-block;
    width: 8%;
}

.myclass-dropdown-text {
    width: 73%;
    display: inline-block;
}

.myclass-dropdown-submit button {
    background-color: transparent;
    border: none;
    background: url(/wp-content/uploads/2018/09/Asset-1.png) no-repeat center;
    height: 45px;
    padding: 0 !important;
    width: 100%;
    background-size: 75%;
}

#rev_slider_1_1,
#rev_slider_1_2 {
    height: 350px !important;
}

.myclass-footer-1 .myclass-home-dropdown {
    width: 100%;
    margin: 0;
}

.myclass-footer-text-3,
.myclass-footer-text-4 {
    width: 15% !important;
}

.myclass-footer-text-1 {
    width: 31.6% !important;
}

.myclass-newsletter-row h2,
.myclass-footer-text-1 h2,
.myclass-download-app-p a,
.myclass-download-app-p span {
    color: #009979 !important;
}

.myclass-footer-text-2 {
    width: 38.33% !important;
}

.myclass-footer-text-1 .vc_column-inner {
    padding: 0 !important;
}

.myclass-newsletter-contact form {
    display: flex;
}

.myclass-footer-1 .vc_row.vc_row-fluid.row {
    display: flex;
    align-items: center;
}

.myclass-newsletter-contact input.tnp-email {
    max-width: 61% !important;
    margin-bottom: 0
}

ul.dropdown-menu.sub-menu.pull-left {
    left: -75% !important;
    width: 270px;
}

.kleo-main-header.header-normal.header-scrolled ul>li#menu-item-561:hover::after {
    height: 20px;
    transition: all 0.5s ease-in-out;
}

.kleo-main-header.header-normal.header-scrolled ul>li#menu-item-39:hover::after {
    height: 20px;
    transition: all 0.5s ease-in-out;
}

.kleo-main-header.header-normal.header-scrolled ul>li#menu-item-1954:hover::after {
    height: 20px;
    transition: all 0.5s ease-in-out;
}

ul>li#menu-item-561:hover::after {
    height: 20px;
    transition: all 0.5s ease-in-out;
}

ul>li#menu-item-39:hover::after {
    height: 20px;
    transition: all 0.5s ease-in-out;
}

ul>li#menu-item-1954:hover::after {
    height: 20px;
    transition: all 0.5s ease-in-out;
}

ul.dropdown-menu.sub-menu.pull-left>li.menu-item {
    padding: 6px 20px;
}

.navbar-transparent .navbar-nav>li>.dropdown-menu li,
.navbar-transparent .navbar-nav>li>.dropdown-menu .dropdown-menu li {
    padding: 6px 20px !important;
}

ul.dropdown-menu.sub-menu.pull-left {
    border: 1px solid #fff !important;
}

ul.dropdown-menu.sub-menu.pull-left>li.menu-item:hover span.caret::after {
    color: #000;
}

ul>li#menu-item-561::after,
ul>li#menu-item-39::after,
ul>li#menu-item-1954::after {
    content: '';
    width: 2px;
    background: #009979;
    transition: all 0.5s ease-in-out;
    height: 0px;
    position: absolute;
    left: 50%;
    margin-left: -3px;
    top: 65px;
}

.kleo-main-header.header-normal.header-scrolled ul>li#menu-item-561::after,
.kleo-main-header.header-normal.header-scrolled ul>li#menu-item-39::after,
.kleo-main-header.header-normal.header-scrolled ul>li#menu-item-1954::after {
    content: '';
    width: 2px;
    background: #009979;
    transition: all 0.5s ease-in-out;
    height: 0px;
    position: absolute;
    left: 50%;
    margin-left: -3px;
    top: 65px;
}

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

ul.dropdown-menu.sub-menu.pull-left {
    border-radius: 10px !important;
    background: #009979 !important;
    color: #1DBFC7 !IMPORTANT;
    top: 100% !important;
    margin-top: 20px;
}

ul.dropdown-menu.sub-menu.pull-left>li.menu-item:hover,
ul.dropdown-menu.sub-menu.pull-left>li.menu-item.active {
    background: #fff;
}

.navbar-transparent .navbar-nav ul.dropdown-menu.sub-menu.pull-left li.menu-item a {
    color: #fff !important;
}

.navbar-transparent .navbar-nav ul.dropdown-menu.sub-menu.pull-left li.menu-item a:hover,
.navbar-transparent .navbar-nav ul.dropdown-menu.sub-menu.pull-left li.menu-item.active a {
    color: #009979 !important;
    background: transparent !important;
}

ul.dropdown-menu.sub-menu.pull-left li.menu-item:first-child:hover,
ul.dropdown-menu.sub-menu.pull-left li.menu-item.active:first-child {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

ul.dropdown-menu.sub-menu.pull-left li.menu-item:last-child:hover,
ul.dropdown-menu.sub-menu.pull-left li.menu-item.active:last-child {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.myclass-newsletter-contact input.tnp-submit {
    width: 17% !important;
    text-align: left;
    background-image: url(/wp-content/uploads/2025/11/double-right-arrow.png) !important;
    background-color: #FFE056 !important;
}

.myclass-newsletter-contact input.tnp-submit:hover {
    background-color: #fff !important;
    color: #FFE056 !important;
}

#menu-top-menu .dropdown-menu {
    border: 0px
}

.breadcrumb-title {
    font-size: 22px !important;
    color: #009979 !important;
    text-align: left;
    font-family: AM !important;
    font-weight: 900 !important;
}

.kleo_framework.breadcrumb a,
.kleo_framework.breadcrumb,
.kleo_framework.breadcrumb span.active {
    color: #000 !important;
    font-size: 15px;
    font-weight: 400;
    margin: 0;
}

.menu-item-has-children.dropdown-submenu ul.dropdown-menu.sub-menu {
    background: #009979;
    border-radius: 10px;
    border: 1px solid #fff !important;
}

#menu-top-menu .menu-item-has-children.dropdown-submenu.active ul.dropdown-menu.sub-menu li a {
    color: white !important;
}

.menu-item-has-children.dropdown-submenu ul.dropdown-menu.sub-menu li.active {
    background: white;
}

.navbar-transparent .navbar-nav ul.dropdown-menu.sub-menu.pull-left li.menu-item:hover a {
    background: transparent !important;
    color: #009979 !important;
}

#menu-top-menu .menu-item-has-children.dropdown-submenu:hover ul.dropdown-menu li.menu-item a {
    color: white !important;
}

#menu-top-menu .menu-item-has-children.dropdown-submenu ul.dropdown-menu li.menu-item:hover {
    background: #fff;
    color: #fff;
}

#menu-top-menu .menu-item-has-children.dropdown-submenu ul.sub-menu li.menu-item:hover a {
    background: white !important;
    color: #009979 !important;
}

#menu-top-menu .menu-item-has-children.dropdown-submenu ul.sub-menu li.menu-item:first-child:hover a,
#menu-top-menu .menu-item-has-children.dropdown-submenu ul.sub-menu li.menu-item:first-child a {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

#menu-top-menu .menu-item-has-children.dropdown-submenu ul.sub-menu li.menu-item:last-child:hover a,
#menu-top-menu .menu-item-has-children.dropdown-submenu ul.sub-menu li.menu-item:last-child a {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

#menu-top-menu .menu-item-has-children.dropdown-submenu:hover ul.dropdown-menu.sub-menu li.menu-item.active a {
    color: #009979 !important;
}

.kleo_framework.breadcrumb span:hover a {
    color: #6cbdc4 !important;
}

body ul#menu-top-menu .dropdown-menu a:hover {
    color: #009979 !important;
}

.myclass-ultimate-row .vc_col-sm-5 {
    width: 37%;
}

.manufacturer-medicine-newsletter input.tnp-email {
    width: 63% !important;
    max-width: 100% !important;
}

.myclass-blog-date {
    font-family: 'Rubik', sans-serif !important;
    font-weight: 400 !important;
    font-style: italic;
    margin: 0;
}

.myclass-world-news p {
    font-weight: 400;
}

.myclass-world-news h2 {
    margin: 0;
}

.myclass-world-news .vc_col-sm-12 {
    border-radius: 10px;
    box-shadow: 2px 3px 18px 2px lightgrey;
    padding: 25px !important;
}

.myclass-blog-section {
    background-image: linear-gradient(to right, #073bce, #176aea);
}

.myclass-blog-section-block {
    padding: 0 2% !important;
}

.myclass-blog-section-block img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    text-align: center;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin-bottom: 1%;
}

.myclass-blog-section-block p,
.myclass-blog-section-block h2,
.myclass-blog-section-block h3,
.myclass-blog-section-block a {
    color: white !important;
    margin: 1% 0;
    display: block;
    padding: 0 5%;
}

.myclass-blog-section-block .wpb_raw_html {
    box-shadow: 0px 0px 14px 0px #023b92;
    border-radius: 10px;
    padding-bottom: 4%;
}

.myclass-blog-section-block h3 {
    font-style: italic;
    font-size: 16px;
    font-weight: 400;
    font-family: Rubik, sans-serif;
}

.myclass-blog-section-block h2,
.myclass-blog-section-block a {
    font-size: 18px;
    line-height: 20px;
    font-family: AM !important;
    font-weight: 900 !important;
}

.myclass-blog-section-block p {
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    margin: 2% 0;
}

.myclass-blog-section-block a:hover {}

.myclass-home-service-btn a:hover {
    color: #009979 !important;
    background: transparent !important;
}

.myclass-newsletter-contact pre {
    margin-bottom: 0;
}

.myclass-about-banner-service span.kleo-icon-text,
.myclass-about-banner-service p {
    color: #000 !important;
}

.medicine-block-padding {
    background: #ECFEFF !important;
}

.medicine-block-padding .panel-heading {
    background: #009979;
}

.medicine-block-back h2 {
    color: #009979 !important;
}

@media (max-width: 799px) {
    ul.dropdown-menu.sub-menu.pull-left {
        left: 0% !important;
    }

    ul.dropdown-menu.sub-menu.pull-left {
        border: 0px solid #fff !important;
    }


    ul>li#menu-item-39:hover::after,
    ul>li#menu-item-561:hover::after,
    ul>li#menu-item-1954:hover::after {
        height: 0px;
    }

    ul.dropdown-menu.sub-menu.pull-left>li.menu-item {
        padding: 0px 20px;
    }

    ul.dropdown-menu.sub-menu.pull-left>li.menu-item:hover,
    ul.dropdown-menu.sub-menu.pull-left>li.menu-item.active {
        background: #12CEA8;
    }

    .navbar-transparent .navbar-nav ul.dropdown-menu.sub-menu.pull-left li.menu-item:hover a {
        color: #fff !important;
    }

    .myclass-features-section .vc_col-sm-5 {
        width: 100%;
    }

    .myclass-features-section {
        background-size: 100% 100%;
    }

    input.tnp-submit {
        color: transparent !important;
        background-position: center;
        background-size: 20px;
        margin-right: 0%;
    }

    .myclass-dropdown-submit button {
        background-size: 20px;
    }

    .myclass-footer-text-1 {
        width: 100% !important;
    }

    .myclass-footer-1 .vc_row.vc_row-fluid.row {
        display: block;
    }

    .myclass-footer-text-2 {
        width: 100% !important;
        padding-top: 20px;
    }

    .myclass-footer-text-3,
    .myclass-footer-text-4 {
        width: 50% !important;
        padding-top: 20px;
        display: inline-block;
        margin-bottom: 20px;
    }

    .myclass-footer-text-3 .wpb_single_image.vc_align_left,
    .myclass-footer-text-4 .wpb_single_image.vc_align_left {
        text-align: center;
    }

    #footer .template-page {
        padding: 0% 7% 1%;
        text-align: center;
    }

    /* select:not([multiple]),
    html.touch select {
        background: url(/wp-content/uploads/2018/10/caret-down.png);
        background-repeat: no-repeat;
        background-size: 15px;
        background-position: right;
        width: 65px;
    } */
    /* 
    .myclass-home-number:after {
        content: '';
    } */

    .myclass-features-section .section-container.container {
        max-width: 100%;
    }

    .myclass-newsletter-contact input.tnp-email {
        max-width: 100% !important;
    }

    .padding-L-R {
        padding-left: 0% !important;
    }

    .tnp-subscription-minimal input.tnp-email {
        width: 100% !important;
        height: 45px;
    }

    .myclass-newsletter-row p {
        width: 100%;
    }

    .myclass-newsletter-row h2.vc_custom_heading,
    .myclass-footer-text-1 h2.vc_custom_heading,
    .myclass-features-section .vc_col-sm-6 h2.vc_custom_heading {
        text-align: center !important;
    }

    .my-home-page-video {
        margin-top: 30px;
    }

    .kleo-main-header,
    .navbar-transparent .kleo-main-header,
    .kleo-navbar-fixed.navbar-transparent #header {
        background-color: #E6F9FA;
    }

    .manufacturer-medicine-newsletter input.tnp-email {
        width: 63% !important;
        max-width: 100% !important;
    }
}

@media (max-width: 700px) {
    .myclass-home-dropdown {
        width: auto;
        margin: 0px 10px;
    }

    .margin-top {
        margin-top: 25px !important;
    }

    .myclass-subscribe-newsletter {
        padding: 0 0 40px !important;
    }

    .myclass-subscribe-newsletter section.container-wrap.main-color {
        padding: 0 15px 40px !important;
    }

    .myclass-ultimate-row .vc_col-sm-5 {
        width: 100%;
    }

    .wpb_wrapper .myzigzag {
        margin: 0 !important;
        text-align: center;
    }
}

@media (min-width: 760px) and (max-width: 900px) {
    .myclass-home-banner-service.vc_col-sm-4 {
        width: 50%;
    }

    .myclass-testimonials-img-left img {
        width: 15% !important;
    }

    #carousel-example-generic .carousel-control {
        height: 70px;
        width: 80%;
    }

    .myclass-home-dropdown {
        width: 60%;
        margin: auto;
    }

    .col-md-6.myclass-home-testimonials-content {
        width: 60%;
        margin: auto;
        margin-top: 20px;
    }

    .padding-top .vc_col-sm-2 {
        display: none;
    }

    .padding-top .myclass-services-2.vc_col-sm-6 {
        width: 66.66%;
    }

    .myclass-playstore-2 .wpb_single_image.vc_align_left {
        text-align: center;
    }

    .myclass-footer-1 .myclass-home-dropdown {
        width: 76%;
        margin: auto;
    }

    .myclass-footer-1 {
        padding-top: 0px !important;
    }

    .margin-top {
        margin-top: 60px !important;
    }
}

@media (min-width: 800px) and (max-width: 900px) {

    .kleo-main-header,
    .navbar-transparent .kleo-main-header,
    .kleo-navbar-fixed.navbar-transparent #header {
        background-color: #083fd0;
    }

    ul.dropdown-menu.sub-menu.pull-left {
        background: #083fd0 !important;
        left: 0% !important;
        border: 0px solid #fff !important;
    }

    /* select:not([multiple]),
    html.touch select {
        background: url(/wp-content/uploads/2018/10/caret-down.png);
        background-repeat: no-repeat;
        background-size: 15px;
        background-position: right;
        width: 75%;
    } */

    /* .myclass-home-number:after {
        content: '';
    } */

    .myclass-features-section .vc_col-sm-5 {
        width: 100%;
    }

    ul>li#menu-item-39:hover::after,
    ul>li#menu-item-561:hover::after,
    ul>li#menu-item-1954:hover::after {
        height: 0px;
    }
}

@media (min-width: 800px) and (max-width: 1100px) {
    input.tnp-submit {
        color: transparent !important;
        background-position: center;
        background-size: 20px;
        margin-right: 0%;
    }

    .myclass-dropdown-submit button {
        background-size: 20px;
    }

    .myclass-features-section {
        background-size: 100% 100%;
    }

    .myclass-features-section>.container-padding {
        padding-top: 150px !important;
    }

    .myclass-features-section .section-container.container {
        max-width: 100%;
    }

    .cour-setting {
        margin-bottom: 40px;
    }

    .my-home-page-video {
        margin-top: 30px;
    }

}

@media (min-width:551px) and (max-width:900px) {

    .myclass-subscribe-newsletter,
    .myclass-subscribe-newsletter section.container-wrap.main-color {
        padding: 10px 15px 40px !important;
    }

    div#carousel-example-generic1 .carousel-inner {
        padding-top: 10px !important;
    }

    #carousel-example-generic1 .carousel-inner>.next,
    #carousel-example-generic1 .carousel-inner>.prev {
        top: auto !important;

    }

    #carousel-example-generic1 .col-md-6.myclass-home-testimonials-content {
        margin-bottom: 10%;
    }

    .myclass-home-testimonials-content p {
        margin-top: 4%;
    }

    .carousel-control .icon-next:after {
        content: '\203a';
    }

    .carousel-control .icon-next:before {
        content: '';
    }

    .myclass-testimonials-img-left span.icon-prev {
        left: 42%;
    }

    .myclass-testimonials-img-left span.icon-next {
        left: 54%;
    }

    #carousel-example-generic1 .carousel-control {
        width: 100%;
        top: 98% !important;
    }

    .wpb_wrapper .myzigzag {
        margin: 0 !important;
    }
}

@media (min-width:901px) and (max-width:1024px) {
    .myclass-testimonials-img-left span.icon-next {
        left: 76%;
    }
}

@media(min-width:800px) and (max-width:900px) {
    .myclass-footer-1 .myclass-home-dropdown {
        width: 100%;
        margin: auto;
    }

}

@media (max-width:799px) and (orientation:landscape) {
    .ourpurpose {
        padding: 0;
    }

    .ourpurpose.two.myclass-about-banner-service {
        padding: 0;
    }

    .mybackgroundimgsec .ourjourneyh2 {
        margin: 0 12% !important;
    }

}

@media (min-width:800px) and (max-width:900px) and (orientation:landscape) {
    .myclass-features-section section.container-wrap.main-color {
        padding-top: 175px !important;
    }

    .myclass-features-section .vc_col-sm-6 {
        width: 100%;
    }

    .manufacturer-zigzag .vc_row.wpb_row.vc_inner.vc_row-fluid.myzigzag {
        margin: 0 !important;
    }
}

div.wpcf7-validation-errors,
div.wpcf7-mail-sent-ok {
    border: none !important;
}



.myclass-dropdown-text input[type="number"]::placeholder {
    font-size: 13px;
    color: #fff !important;
}

.myclass-dropdown-text input[type="number"]::-webkit-input-placeholder {
    font-size: 13px !important;
    color: #fff !important;

}


.contact-block-text-padding a {
    color: #000 !important;
}

@media (max-width:1200px) and (min-width:900px) {
    .vc_row.wpb_row.vc_inner.vc_row-fluid.myzigzag {
        margin-top: -715px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .zigzagimg img.vc_single_image-img.attachment-full {

        visibility: hidden;
    }
}

@media (max-width:1423px) and (min-width:1025px) {
    .vc_row.wpb_row.vc_inner.vc_row-fluid.myzigzag.two.vc_custom_1547722362070 {
        margin-top: 10px !important;
    }

    .vc_row.wpb_row.vc_inner.vc_row-fluid.myzigzag.three.vc_custom_1547722571512 {
        margin-top: 10px !important;
    }

    .vc_row.wpb_row.vc_inner.vc_row-fluid.myzigzag.three.vc_custom_1547722605581 {
        margin-top: 10px !important;
    }
}

@media (max-width:1423px) and (min-width:1025px) {
    .vc_row.wpb_row.vc_inner.vc_row-fluid.myzigzag.three.vc_custom_1547722571512 {
        margin-top: 10px !important;
    }

    .vc_row.wpb_row.vc_inner.vc_row-fluid.myzigzag.two.vc_custom_1547722362070 {
        margin-top: 10px !important;
    }

    .vc_row.wpb_row.vc_inner.vc_row-fluid.myzigzag.three.vc_custom_1547722605581 {
        margin-top: 10px !important;
    }

    ul.dropdown-menu.sub-menu.pull-left>li.menu-item {
        padding: 5px 20px;
    }

    .navbar-transparent .navbar-nav .dropdown-menu li a {
        padding: 3px 9px;
    }

    .navbar-transparent .navbar-nav>li>.dropdown-menu li,
    .navbar-transparent .navbar-nav>li>.dropdown-menu .dropdown-menu li {
        padding: 5px 20px !important;
    }
}

@media (max-width:1423px) and (min-width:1201px) {
    .vc_row.wpb_row.vc_inner.vc_row-fluid.myzigzag.one.pharma-manu-reg-top-margin.vc_custom_1547722175035 {
        margin-top: -880px !important;
    }
}

div#wp-live-chat-2 {
    box-shadow: 0px 0px 14px 5px #1f1f1f2b;
}

div#wp-live-chat-2-inner {
    border: 1px solid #1a52d3;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

span.bleeper_powered_by {
    bottom: 5px !important;
}

/*------------------------Swati css start-------------------*/
.kleo-main-header.header-normal.header-scrolled .container,
.kleo-main-header.header-normal .container {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-1968 a {
    margin-right: 0px !important;
}

section.vc_section.myclass-subscribe-newsletter.vc_section-o-content-middle.vc_section-flex .vc_column-inner {
    padding: 0px !important;
}

section.container-wrap.padding-L-R.myclass-subscribe-newsletter.main-color .vc_column-inner,
section.container-wrap.padding-L-R.myclass-subscribe-newsletter.main-color .vc_column-inner {
    padding: 0px;
}

@media (max-width: 551px) {

    .kleo-main-header.header-normal.header-scrolled .container,
    .kleo-main-header.header-normal .container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-1968 a {
        margin-right: auto !important;
    }

    section.vc_section.myclass-subscribe-newsletter.vc_section-o-content-middle.vc_section-flex .vc_column-inner,
    section.container-wrap.padding-L-R.myclass-subscribe-newsletter.main-color .vc_column-inner {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

/*------------------------Swati css end-------------------*/

/*Customs css by kinana*/
.cust-feedback {
    background-color: #fff;
    color: #FED524;
    padding: 10px 20px;
    font-size: 16px !important;
    border-radius: 0px 0px 4px 4px;
    border: 1px solid #FED524;
    cursor: pointer;
}

.cust-feedback:hover {
    background-color: #FED524;
    border: 1px solid #fff;
    color: #fff;
}

#cust_button {
    position: fixed;
    left: -45px;
    transform: rotate(270deg);
    top: 50%;
    z-index: 999;
}

div#cust_feedback_modal {
    position: fixed;
}

div#cust_feedback_modal .modal-dialog {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - (1.75rem * 2));
    width: 900px;
}

div#cust_feedback_modal .modal-dialog .modal-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
}

button.close {
    position: absolute;
    right: -22px;
    top: -19px;
    color: #fff;
    box-shadow: 0 0;
    opacity: 1;
    font-weight: 400;
    font-size: 30px;
}

div#cust_feedback_modal .modal-body p {
    font-size: 25px;
    text-align: center;
    font-family: AM !IMPORTANT;
    color: #0cb1ff !important;
    font-weight: 900;
    margin-top: 0;
}

div#cust_feedback_modal .modal-body form.wpcf7-form input,
div#cust_feedback_modal .modal-body form.wpcf7-form input:focus {
    border: 1px solid #000;
    height: 37px;
    color: #000;
    font-family: 'Rubik', sans-serif !important;
    outline: none;
    background: transparent;
    width: 100%;
    margin: auto;
    margin-bottom: 20px;
}

div#cust_feedback_modal .modal-body form.wpcf7-form select,
div#cust_feedback_modal .modal-body form.wpcf7-form select:focus {
    border: 1px solid #000;
    height: 37px;
    color: #000;
    font-family: 'Rubik', sans-serif !important;
    outline: none;
    background: transparent;
    width: 100%;
    margin: auto;
    margin-bottom: 20px;
}

div#cust_feedback_modal .modal-body form.wpcf7-form p {
    font-size: 15px;
    text-align: left;
    font-family: 'Rubik', sans-serif !important;
    font-weight: 400;
    color: #000 !important;
    margin-bottom: 4px;
}

div#cust_feedback_modal .modal-body form.wpcf7-form select:not([multiple]) {
    background: url(/wp-content/uploads/2019/01/down-arrow-1.png) 97% 50% no-repeat !important;
    background-size: 15px !important;
}

div#cust_feedback_modal .modal-body textarea {
    border: 1px solid #000;
    color: #000;
    font-family: 'Rubik', sans-serif !important;
    outline: none;
    background: transparent;
    width: 100%;
    margin: auto;
    margin-bottom: 20px;
}

div#cust_feedback_modal .modal-body input.wpcf7-submit {
    background-image: url(/wp-content/uploads/2019/08/button-white-arrow.png) !important;
    background-repeat: no-repeat !important;
    background-position: 87% 50% !important;
    background-size: 25px !important;
    height: 45px !important;
    line-height: 17px !important;
    padding: 9px 61px 9px 22px !important;
    background-color: #009979 !important;
    color: #fff !important;
    font-size: 16px;
    border: 0px !important;
    width: auto !important;
    margin: auto !important;
    border-radius: 5px;
    display: flex;
    text-transform: capitalize;
}

div#cust_feedback_modal .modal-body input.wpcf7-submit:hover {
    background-image: url(/wp-content/uploads/2018/09/Asset-1.png) !important;
    background-position: 87% 50% !important;
    background-size: 25px !important;
    color: #000 !important;
    background-color: #fff !important;
    box-shadow: 0px 0px 19px 0px lightgrey !important;
}

div#cust_feedback_modal .modal-body form.wpcf7-form input::placeholder,
div#cust_feedback_modal .modal-body form.wpcf7-form textarea::placeholder {
    color: #000;
}

div#cust_feedback_modal .modal-body {
    height: 430px;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

div#cust_feedback_modal .modal-body form.wpcf7-form span.ajax-loader {
    position: absolute;
    top: 15px;
    right: 36%;
}

div#cust_feedback_modal .modal-body form.wpcf7-form.invalid span.wpcf7-not-valid-tip {
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 10px;
}

div#cust_feedback_modal .modal-body form.wpcf7-form.invalid input {
    margin-bottom: 5px;
}

.vc_separator .vc_sep_holder .vc_sep_line {
    border-color: #009979 !important;
}

.ngo-no-block-back h2,
.ngo-no-block-back p,
.ngo-no-block-back span,
.ngo-no-block-back h2 span,
.ngo-no-block-back p span {
    color: #fff !important;
}

.ngo-no-block-back h2,
.ngo-no-block-back h2 span {
    text-transform: uppercase !important;
}

.medicus-innerblogs-title {
    background: #009979 !important;
}

body .my-set-design h3 {
    color: #009979 !important;
}

@media (min-width:0px) and (max-width:320px) {
    body.modal-open div#cust_feedback_modal {
        position: fixed;
        min-height: 550px !important;
        top: calc(50% - 260px) !important;
        overflow-y: scroll !important;
        height: 550px !important;
    }

    div#cust_feedback_modal .modal-body form.wpcf7-form input,
    div#cust_feedback_modal .modal-body form.wpcf7-form input:focus,
    div#cust_feedback_modal .modal-body form.wpcf7-form select,
    div#cust_feedback_modal .modal-body form.wpcf7-form select:focus,
    div#cust_feedback_modal .modal-body textarea {
        margin-bottom: 10px;
    }
}

@media (min-width:0px) and (max-width:550px) {
    div#cust_feedback_modal .modal-body {
        height: auto;
        display: flex;
        width: auto;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }

    div#cust_feedback_modal .modal-dialog {
        width: auto;
        margin-top: 10px;
    }

    div#cust_feedback_modal {
        position: fixed;
        min-height: 600px;
        top: calc(50% - 280px) !important;
        overflow-y: scroll !important;
        height: 600px;
    }

    button.close {
        right: 0px;
        top: -30px;
    }

    div#cust_feedback_modal .modal-body form.wpcf7-form input,
    div#cust_feedback_modal .modal-body form.wpcf7-form input:focus,
    div#cust_feedback_modal .modal-body form.wpcf7-form select,
    div#cust_feedback_modal .modal-body form.wpcf7-form select:focus,
    div#cust_feedback_modal .modal-body textarea {
        margin-bottom: 10px;
    }
}

@media (min-width:551px) and (max-width:767px) {
    div#cust_feedback_modal .modal-body {
        height: auto;
        display: flex;
        width: auto;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }

    div#cust_feedback_modal .modal-dialog {
        width: auto;
    }

    div#cust_feedback_modal {
        position: absolute;
        min-height: 855px;
        top: calc(50% - 110px) !important;
    }

    button.close {
        right: 0px;
        top: -30px;
    }
}

@media (min-width:768px) and (max-width:991px) {
    div#cust_feedback_modal .col-md-4 {
        width: 33.33%;
        float: left;
    }

    div#cust_feedback_modal .modal-body {
        height: auto;
    }

    div#cust_feedback_modal .modal-dialog {
        width: 750px;
    }

    button.close {
        right: -8px;
        top: -32px;
    }
}

@media screen and (orientation:landscape) and (min-device-width: 768px) and (max-device-width: 991px) {
    div#cust_feedback_modal {
        top: calc(50% - 167px) !important;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .navbar-header .logo a {
        max-width: 100% !important;
    }

    .navbar-nav>li>a {
        margin: 0 10px;
    }

    .navbar-nav>li>a {
        font-size: 13px !important;
    }

    .logo a img#logo_img {
        width: 120px;
    }
}

/*Custom css end by kinana*/


@media screen and (max-width:991px) {
    .kleo-page div#header ul#menu-top-menu li#menu-item-1968 a {
        width: fit-content !important;
    }

    .kleo-main-header.header-normal .navbar-collapse {
        padding-bottom: 30px !important;
    }

    body ul#menu-top-menu .dropdown-menu a:hover {
        color: #fff !important;
    }

    .dropdown-submenu>a .caret:after {
        margin-top: unset;
    }
}

@media screen and (max-width:768px) {
    .myclass-home-banner-row-1 .vc_column-inner {
        padding-top: 30px !important;
    }

    .myclass-home-banner-row-1 h2 {
        margin-top: 0 !important;
    }

    .myclass-home-banner-row {
        margin-bottom: 10px !important;
    }


    div,
    span,
    p,
    ul,
    ol,
    li,
    a,
    button,
    label,
    input,
    textarea,
    section,
    article,
    nav,
    footer,
    header,
    aside,
    table,
    tr,
    td,
    th,
    strong,
    em {
        font-size: 14px !important;
    }

    .myclass-home-service-btn.myclass-home-service-btn-new a {
        margin-top: 15px !important;
    }

    body .medicine-block-padding h4.panel-title {
        font-family: AM;
        font-size: 16px !important;
        color: #fff !important;
    }

    .myclass-features-section .container-wrap {
        padding-top: 0 !important;
        padding-bottom: 30px !important;
    }


}

#footer-sidebar-1 #block-3 {
    margin-bottom: 0;
}