@charset "utf-8";
   aside,
nav,
footer,
header,
section {
display: block
}
body {
margin: 0;
font-family: 'Montserrat';
font-size: 16px;
color: #000;
position: relative;
}
body.site-dark {
background: #151314;
color: #fff;
}
a {
color: inherit;
}
img {
border: none;
height: auto;
}
input,
textarea,
button,
select,
a {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
font-family: inherit;
}
input,
textarea,
button,
select {
font-family: inherit;
}
input::-webkit-input-placeholder {
color: inherit;
}
input::-moz-placeholder {
color: inherit;
}
input:-moz-placeholder {
color: inherit;
}
input:-ms-input-placeholder {
color: inherit;
}
textarea::-webkit-input-placeholder {
color: inherit;
}
textarea::-moz-placeholder {
color: inherit;
}
textarea:-moz-placeholder {
color: inherit;
}
textarea:-ms-input-placeholder {
color: inherit;
}
*:focus {
outline: none;
}
.centered-container {
position: absolute;
top: 50%;
left: 50%;
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.fl {
float: left;
}
.fr {
float: right;
}
.tal {
text-align: left;
}
.tar {
text-align: right;
}
.tac {
text-align: center;
}
.cell {
display: table-cell;
vertical-align: middle;
}
.uppercase {
text-transform: uppercase;
}
.no-padding {
padding: 0;
}
.padding-on {
padding: 0 30px;
}
.dark-bg,
.text-white {
color: #fff;
}
.text-black {
color: #000;
}
.header-space {
height: 61px;
}
figure {
margin: 0;
}
pre {
background: #ccc;
padding: 10px 20px;
}
dl {
margin: 0 20px;
}
dt {
font-weight: bold;
}
dd {
margin: 0 0 20px;
}
table {
width: 100%;
border: 1px solid #3c3c3b;
border-collapse: collapse;
}
table td,
table th {
border: 1px solid #5c5c5c;
padding: 2px 3px;
}
.blog-item table th,
.blog-item table td,
.post-content table th,
.post-content table td,
.comment-item table th,
.comment-item table td {
padding: 5px 15px;
}
.blog-item ul,
.post-content ul,
.comment-item ul,
.blog-item ol,
.post-content ol,
.comment-item ol {
margin: 15px 0;
padding-left: 25px;
}
.blog-item ul li,
.post-content ul li,
.comment-item ul li,
.blog-item ol li,
.post-content ol li,
.comment-item ol li {
margin: 5px 0;
}
pre {
width: 100%;
}
.gallery .gallery-item {
margin: 0;
display: inline-block;
vertical-align: text-bottom;
}
.gallery .gallery-item .wp-caption-text {
display: none;
}
.gallery-columns-1 .gallery-item {
width: 100%;
}
.gallery-columns-2 .gallery-item {
width: 49%;
}
.gallery-columns-3 .gallery-item {
width: 33%;
}
.gallery-columns-4 .gallery-item {
width: 25%;
}
.gallery .gallery-icon {}
.gallery .gallery-icon a {
position: relative;
}
#all, .page-template-page-coming-soon-php div#all {
position: relative;
overflow: hidden;
}
.footer-hide-with-space #all,
.footer-show #all {
}
.admin-bar #all { }
.header_type_side #all { }
.vc_column-inner {
background-size: cover;
background-position: 50%;
}
.vc_row[data-vc-full-width] {
overflow: visible;
}
.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-xl .vc_icon_element-icon {
font-size: 3.5em!important;
}
.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-lg .vc_icon_element-icon {
font-size: 1.75em!important;
}
.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-md .vc_icon_element-icon {
font-size: 1.25em!important;
}
.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-lg,
.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-md {
border: 1px solid transparent;
}
.vc_icon_element {
margin-bottom: 20px;
}
.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-lg.vc_icon_element-style- {
width: 1.5em;
height: 1.5em;
border: none;
}
.revers-block {
position: relative;
z-index: 3;
}
.protected-post-form {}
.protected-post-form .cell {
text-align: center;
width: 19000px;
padding: 40px 0;
}
.post-items .protected-post-form .cell {
height: 250px !important;
}
.blog-item .protected-post-form .cell {
height: 250px !important;
}
.protected-post-form p {
display: none;
}
.protected-post-form .area {
border: 1px solid;
position: relative;
margin: 20px auto 0;
max-width: 680px;
}
.protected-post-form .area input {
width: 100%;
border: none;
padding: 0 48px 0 20px;
line-height: 48px;
height: 48px;
background: transparent;
color: inherit;
}
.protected-post-form .area button {
position: absolute;
background: none;
border: none;
line-height: 48px;
width: 48px;
cursor: pointer;
padding: 0;
font-size: 21px;
color: inherit;
top: 0;
right: 0;
}
.protected-post-form .area button i {
display: block;
line-height: 48px;
}
.site-dark main.main-row { }
main.main-row {
}
.header_type_side #all main.main-row {
padding-left: 230px;
padding-top: 60px;
}
main.sample-page {
background: #fff;
padding: 30px 0 0;
}
.site-dark main.sample-page {
background: #151314;
}
.side-image > .vc_column-inner {
margin: 0 15px;
}
.z-index > .vc_column-inner,
.z-index {
z-index: 90 !important;
}
.decor-text {
padding-left: 95px;
position: relative;
}
.decor-text:before {
content: "";
position: absolute;
width: 55px;
height: 1px;
background: #0353fc;
left: 0;
top: 14px;
}
.popup_download_no .pswp__share--download {
display: none;
}
.post-items .post .site-content > .h3 {
margin-top: 0;
}
.post-items .post .site-content > .img + .h3 {
margin-top: 20px;
}
.post-items .post {
padding-top: 45px;
}
.page.type-page {
margin-bottom: 50px;
}
.no-comments {
font-style:  italic;
background: #e6e6e6;
text-align: center;
padding: 35px 0;
margin-top: 55px;
}
.right-click-disable-message {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10000000;
background: #fff;
background: rgba(255, 255, 255, 0.8);
background: #ffffffcc;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
opacity:  0;
visibility: hidden;
}
.site-dark .right-click-disable-message {
background: #000;
background: rgba(0, 0, 0, 0.8);
background: #000000cc;
}
.right-click-disable-message.active {
opacity:  1;
visibility: visible;
}
.right-click-disable-message .container {}
.right-click-disable-message .cell {
height: 100vh;
width: 10000px;
} h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
margin: 20px 0;
}
h1 a,
.h1 a,
h2 a,
.h2 a,
h3 a,
.h3 a,
h4 a,
.h4 a,
h5 a,
.h5 a,
h6 a,
.h6 a {
text-decoration: none;
}
h1,
.h1 {
font-size: 3.750em;
line-height: 1.200em;
font-weight: bold;
}
h2,
.h2 {
font-size: 3.000em;
line-height: 1.200em;
font-weight: bold;
}
h3,
.h3 {
font-size: 2.250em;
line-height: 1.200em;
font-weight: bold;
}
h4,
.h4 {
font-size: 1.875em;
line-height: 1.200em;
font-weight: bold;
}
h5,
.h5 {
font-size: 1.500em;
line-height: 1.200em;
font-weight: bold;
}
h6,
.h6 {
font-size: 1.125em;
line-height: 1.200em;
font-weight: bold;
}
.heading-decor,
.heading-decor-s {
margin: 15px 0 25px;
overflow: hidden;
}
.widget .heading-decor {
margin-bottom: 20px;
}
.s-sidebar .widget:first-of-type .heading-decor {
margin-top: 0;
}
.s-sidebar .widget .heading-decor h6 {
font-size: 16px;
}
.heading-decor > *,
.heading-decor-s > * {
margin: 0;
overflow: hidden;
}
.heading-decor.line-on-bottom > *, .heading-decor-s.line-on-bottom > * {
overflow: visible;
}
.heading-decor span,
.heading-decor-s .h span {
position: relative;
display: inline-block;
}
.heading-decor span:after,
.heading-decor-s .h span:after,
.heading-decor.tac span:before,
.heading-decor-s.tac .h span:before {
content: "";
position: absolute;
top: 50%;
left: 100%;
margin-left: 30px;
width: 10000px;
height: 1px;
background: #f0f0f0;
vertical-align: top;
}
.heading-decor.line-on-bottom span:before,
.heading-decor-s.line-on-bottom .h span:before,
.heading-decor.line-on-bottom span:after,
.heading-decor-s.line-on-bottom .h span:after {
display: none;
}
.heading-decor.line-on-bottom:after,
.heading-decor-s.line-on-bottom:after {
content: "";
display: inline-block;
vertical-align: middle;
width: 30px;
height: 1px;
background: #0054fc;
margin: 20px 0 0;
}
.heading-decor-s.tac .h span:after,
.heading-decor.tac .h span:after {}
.heading-decor-s.tar .h span:after,
.heading-decor.tar .h span:after,
.heading-decor-s.tac .h span:before,
.heading-decor.tac .h span:before {
left: auto;
right:  100%;
margin-left:  0;
margin-right: 20px;
} .button-style1,
.vc_general.vc_btn3 {
display: inline-block;
text-decoration: none;
font-size: 14px;
text-transform: uppercase;
border: none;
padding: 12px 25px;
cursor: pointer;
background: #000000;
color: #fff;
border-radius: 0;
position: relative;
font-weight: 500;
line-height: 16px;
}
.button-style1.bordered {
background: #fff;
color: #3c3c3c;
border: 1px solid #f0f0f0;
}
.site-dark .button-style1.bordered,.dark-bg .button-style1.bordered {
background: #000;
border-color: #3f3f3f;
color: #fff;
}
.button-style1.colored {
background: #2463fc;
}
.button-style1.min {
font-size: 12px;
font-weight: bold;
padding: 7px 18px;
}
.button-style1.loading {}
.button-style1.loading span {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
opacity: 0;
visibility: hidden;
}
@-moz-keyframes spin {
from {
-moz-transform: rotate(0deg) translate(-50%, -50%);
}
to {
-moz-transform: rotate(360deg) translate(-50%, -50%);
}
}
@-webkit-keyframes spin {
from {
-webkit-transform: rotate(0deg) translate(-50%, -50%);
}
to {
-webkit-transform: rotate(360deg) translate(-50%, -50%);
}
}
@keyframes spin {
from {
transform: rotate(0deg) translate(-50%, -50%);
}
to {
transform: rotate(360deg) translate(-50%, -50%);
}
}
.button-style1.loading:after {
content: "\f1ce";
font: normal normal normal 20px/1 FontAwesome;
position: absolute;
top: 50%;
left: 50%;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
-webkit-transform-origin: 0 0;
-o-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-animation-name: spin;
-webkit-animation-duration: 1500ms;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-moz-animation-name: spin;
-moz-animation-duration: 1500ms;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-ms-animation-name: spin;
-ms-animation-duration: 1500ms;
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: linear;
animation-name: spin;
animation-duration: 1500ms;
animation-iteration-count: infinite;
animation-timing-function: linear;
display: block;
}
.button-style1:hover,
.vc_general.vc_btn3:hover {
background: #0054fc;
color: #fff;
border-width: 1px;
}
.button-style1.colored:hover {
background: #000;
}
.button-style1 * {
display: inline-block;
vertical-align: middle;
}
.button-style1 i {
margin-left: 10px;
}
.button-read-more {
text-decoration: none;
font-size: 14px;
text-transform: uppercase;
font-weight: 500;
}
.button-read-more i {
display: inline-block;
vertical-align: middle;
border: 1px solid;
width: 28px;
height: 28px;
text-align: center;
line-height: 26px;
font-size: 12px;
border-radius: 50%;
margin-right: 10px;
margin-top: -2px;
}
.button-read-more i:before {
margin-right: -0.2em;
}
.button-read-more span {
display: inline-block;
vertical-align: middle;
}
.submit-button {
background: none;
color: inherit;
border: none;
position: relative;
border-radius: 0;
text-transform: uppercase;
font-size: 14px;
padding-left: 40px;
}
.submit-button:before {
content: "\e949";
font-family: 'multimedia-element-set' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
font-size: 12px;
border: 1px solid #fff;
width: 28px;
line-height: 26px;
height: 28px;
border-radius: 50%;
top: 50%;
left: 0;
margin-top: -15px;
}
.button-style2 {
font-weight: bold; text-decoration: none;
font-size: 16px;
position: relative;
border: none;
background: none;
padding: 1px 10px;
margin: 5px 0;
display: inline-block;
}
.button-style2.min {
font-size: 14px;
}
.button-style2.colored {
color: #0054fc;
}
.button-style2:after {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 100%;
min-width: 2px;
box-shadow: inset 0 0 0 2px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.button-style2.inherit:after {
color: inherit;
}
.button-style2:hover:after {
top: -5px;
right: 0;
bottom: -5px;
}
[class ^= "social-icon-color"],
[class *= "social-icon-color"] {
width: 1em;
height: 1em;
background-size: contain;
background-repeat: no-repeat;
background-position: 50%;
display: inline-block;
}
.social-icon-color-badoo {
background-image: url(//cmf-kinnovate.de/wp-content/themes/narrative/images/social-icons/badoo.svg);
}
.social-icon-color-behance {
background-image: url(//cmf-kinnovate.de/wp-content/themes/narrative/images/social-icons/behance.svg);
}
.social-icon-color-deviantart {
background-image: url(//cmf-kinnovate.de/wp-content/themes/narrative/images/social-icons/deviantart.svg);
}
.social-icon-color-dribbble {
background-image: url(//cmf-kinnovate.de/wp-content/themes/narrative/images/social-icons/dribbble.svg);
}
.social-icon-color-dropbox {
background-image: url(//cmf-kinnovate.de/wp-content/themes/narrative/images/social-icons/dropbox.svg);
}
.social-icon-color-facebook {
background-image: url(//cmf-kinnovate.de/wp-content/themes/narrative/images/social-icons/facebook.svg);
}
.social-icon-color-flickr {
background-image: url(//cmf-kinnovate.de/wp-content/themes/narrative/images/social-icons/flickr.svg);
}
.social-icon-color-foursquare {
background-image: url(//cmf-kinnovate.de/wp-content/themes/narrative/images/social-icons/foursquare.svg);
}
.social-icon-color-google-plus {
background-image: url(//cmf-kinnovate.de/wp-content/themes/narrative/images/social-icons/google-plus.svg);
}
.social-icon-color-instagram {
background-image: url(//cmf-kinnovate.de/wp-content/themes/narrative/images/social-icons/instagram.svg);
}
.social-icon-color-line {
background-image: url(//cmf-kinnovate.de/wp-content/themes/narrative/images/social-icons/line.svg);
}
.social-icon-color-linkedin {
background-image: url(//cmf-kinnovate.de/wp-content/themes/narrative/images/social-icons/linkedin.svg);
}
.social-icon-color-myspace {
background-image: url(//cmf-kinnovate.de/wp-content/themes/narrative/images/social-icons/myspace.svg);
}
.social-icon-color-path {
background-image: url(//cmf-kinnovate.de/wp-content/themes/narrative/images/social-icons/path.svg);
}
.social-icon-color-pinterest {
background-image: url(//cmf-kinnovate.de/wp-content/themes/narrative/images/social-icons/pinterest.svg);
}
.social-icon-color-quora {
background-image: url(//cmf-kinnovate.de/wp-content/themes/narrative/images/social-icons/quora.svg);
}
.social-icon-color-skype {
background-image: url(//cmf-kinnovate.de/wp-content/themes/narrative/images/social-icons/skype.svg);
}
.social-icon-color-snapchat {
background-image: url(//cmf-kinnovate.de/wp-content/themes/narrative/images/social-icons/snapchat.svg);
}
.social-icon-color-soundcloud {
background-image: url(//cmf-kinnovate.de/wp-content/themes/narrative/images/social-icons/soundcloud.svg);
}
.social-icon-color-spotify {
background-image: url(//cmf-kinnovate.de/wp-content/themes/narrative/images/social-icons/spotify.svg);
}
.social-icon-color-swarm {
background-image: url(//cmf-kinnovate.de/wp-content/themes/narrative/images/social-icons/swarm.svg);
}
.social-icon-color-telegram {
background-image: url(//cmf-kinnovate.de/wp-content/themes/narrative/images/social-icons/telegram.svg);
}
.social-icon-color-tumblr {
background-image: url(//cmf-kinnovate.de/wp-content/themes/narrative/images/social-icons/tumblr.svg);
}
.social-icon-color-twitter {
background-image: url(//cmf-kinnovate.de/wp-content/themes/narrative/images/social-icons/twitter.svg);
}
.social-icon-color-viber {
background-image: url(//cmf-kinnovate.de/wp-content/themes/narrative/images/social-icons/viber.svg);
}
.social-icon-color-vimeo {
background-image: url(//cmf-kinnovate.de/wp-content/themes/narrative/images/social-icons/vimeo.svg);
}
.social-icon-color-vine {
background-image: url(//cmf-kinnovate.de/wp-content/themes/narrative/images/social-icons/vine.svg);
}
.social-icon-color-whatsapp {
background-image: url(//cmf-kinnovate.de/wp-content/themes/narrative/images/social-icons/whatsapp.svg);
}
.social-icon-color-yelp {
background-image: url(//cmf-kinnovate.de/wp-content/themes/narrative/images/social-icons/yelp.svg);
}
.social-icon-color-youtube {
background-image: url(//cmf-kinnovate.de/wp-content/themes/narrative/images/social-icons/youtube.svg);
}
.body-grid-lines {
text-align: justify;
position: absolute;
left: 50%;
top: 0;
bottom: 0;
max-width: 950px;
width: 90%;
overflow: hidden;
-moz-transform: translate(-50%, 0%);
-ms-transform: translate(-50%, 0%);
-webkit-transform: translate(-50%, 0%);
-o-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
}
.body-grid-lines div {
display: inline-block;
width: 1px;
height: 2000000em;
background: #ededed;
}
.site-dark .body-grid-lines div {
background: #3b3b3b;
}
.body-grid-lines:after {
content: "";
display: inline-block;
width: 100%;
}
.s-sidebar {
margin-top: 30px;
}
.s-sidebar > .w {
background: #fff;
padding: 20px 30px;
border: 1px solid #f0f0f0;
margin: 0 0 30px;
}
.site-dark .s-sidebar > .w {
background: #000;
} input.style1,
textarea.style1,
input.style3,
textarea.style3 {
width: 100%;
font-size: 14px;
line-height: 20px;
background: transparent;
border: none;
margin-bottom: 25px;
text-align: left;
color: inherit;
border: 1px solid #818181;
font-weight: 300;
resize: none;
font-style: italic;
display: block;
}
.wpcf7-form input.style1,
.wpcf7-form textarea.style1 {
margin-bottom: 30px;
}
input.style1.wr,
textarea.style1.wr {
border-radius: 5px;
}
.dark-bg input.style1,
.dark-bg textarea.style1 {  }
input.style1,
input.style3 {
padding: 19px 20px;
height: 60px;
}
textarea.style1,
textarea.style3 {
padding: 19px 20px;
}
input.style2,
textarea.style2 {
width: 100%;
font-size: 16px;
line-height: 20px;
margin-bottom: 20px;
text-align: left;
background: #fff;
border: 1px solid #dedede;
color: #2d2d2d;
padding: 10px 20px;
line-height: 23px;
}
input.style2 {}
textarea.style2 {
padding: 15px 20px;
}
input.style3 {
margin-bottom: 15px !important;
text-align: center;
}
textarea.style3 {
border: none;
border-bottom: 1px solid;
resize: none;
text-align: center;
margin-bottom: 15px !important;
} .preloader {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 900;
background: #fff;
}
.site-dark .preloader {
background: #000;
}
.preloader_img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.preloader_img img {
max-width: 200px;
max-height: 200px;
}
.preloader_content {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
height: 45px;
overflow: hidden;
font-family: 'Lato', sans-serif;
font-size: 35px;
line-height: 40px;
width: 100%;
text-align: center;
}
.preloader-folding-cube {
margin: 20px auto;
width: 40px;
height: 40px;
position: relative;
-webkit-transform: rotateZ(45deg);
transform: rotateZ(45deg);
top: 50%;
margin-top: -20px;
}
.preloader-folding-cube .preloader-cube {
float: left;
width: 50%;
height: 50%;
position: relative;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1); 
}
.preloader-folding-cube .preloader-cube:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #0054fc;
-webkit-animation: preloader-foldCubeAngle 2.4s infinite linear both;
animation: preloader-foldCubeAngle 2.4s infinite linear both;
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
.preloader-folding-cube .preloader-cube2 {
-webkit-transform: scale(1.1) rotateZ(90deg);
transform: scale(1.1) rotateZ(90deg);
}
.preloader-folding-cube .preloader-cube3 {
-webkit-transform: scale(1.1) rotateZ(180deg);
transform: scale(1.1) rotateZ(180deg);
}
.preloader-folding-cube .preloader-cube4 {
-webkit-transform: scale(1.1) rotateZ(270deg);
transform: scale(1.1) rotateZ(270deg);
}
.preloader-folding-cube .preloader-cube2:before {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.preloader-folding-cube .preloader-cube3:before {
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s; 
}
.preloader-folding-cube .preloader-cube4:before {
-webkit-animation-delay: 0.9s;
animation-delay: 0.9s;
}
@-webkit-keyframes preloader-foldCubeAngle {
0%, 10% {
-webkit-transform: perspective(140px) rotateX(-180deg);
transform: perspective(140px) rotateX(-180deg);
opacity: 0; 
} 25%, 75% {
-webkit-transform: perspective(140px) rotateX(0deg);
transform: perspective(140px) rotateX(0deg);
opacity: 1; 
} 90%, 100% {
-webkit-transform: perspective(140px) rotateY(180deg);
transform: perspective(140px) rotateY(180deg);
opacity: 0; 
} 
}
@keyframes preloader-foldCubeAngle {
0%, 10% {
-webkit-transform: perspective(140px) rotateX(-180deg);
transform: perspective(140px) rotateX(-180deg);
opacity: 0; 
} 25%, 75% {
-webkit-transform: perspective(140px) rotateX(0deg);
transform: perspective(140px) rotateX(0deg);
opacity: 1; 
} 90%, 100% {
-webkit-transform: perspective(140px) rotateY(180deg);
transform: perspective(140px) rotateY(180deg);
opacity: 0; 
}
}
.preloader_content__container {
font-weight: 600;
overflow: hidden;
height: 44px;
padding: 0 40px;
display: inline-block;
position: relative;
}
.preloader_content__container:before {
content: '[';
left: 0;
}
.preloader_content__container:after {
content: ']';
position: absolute;
right: 0;
}
.preloader_content__container:after,
.preloader_content__container:before {
position: absolute;
top: 0;
color: #0054fc;
font-size: 42px;
line-height: 40px;
-webkit-animation-name: opacity;
-webkit-animation-duration: 2s;
-webkit-animation-iteration-count: infinite;
animation-name: opacity;
animation-duration: 2s;
animation-iteration-count: infinite;
}
.preloader_content__container__text {
display: inline;
float: left;
margin: 0;
}
.preloader_content__container__list {
margin-top: 0;
text-align: left;
list-style: none;
-webkit-animation-name: change;
-webkit-animation-iteration-count: infinite;
animation-name: change;
animation-iteration-count: infinite;
display: block;
float: left;
margin: 0;
}
.preloader_content__container__list.count_2 {
-webkit-animation-name: change2;
animation-name: change2;
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.preloader_content__container__list.count_3 {
-webkit-animation-name: change3;
animation-name: change3;
-webkit-animation-duration: 3s;
animation-duration: 3s;
}
.preloader_content__container__list.count_4 {
-webkit-animation-name: change4;
animation-name: change4;
-webkit-animation-duration: 4s;
animation-duration: 4s;
}
.preloader_content__container__list.count_5 {
-webkit-animation-name: change5;
animation-name: change5;
-webkit-animation-duration: 5s;
animation-duration: 5s;
}
.preloader_content__container__list__item {
line-height: 40px;
margin: 0;
}
@-webkit-keyframes opacity {
0%,
100% {
opacity: 0;
}
50% {
opacity: 1;
}
}
@keyframes opacity {
0%,
100% {
opacity: 0;
}
50% {
opacity: 1;
}
}
@-webkit-keyframes change2 {
0%,
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
50% {
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
}
}
@keyframes change2 {
0%,
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
50% {
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
}
}
@-webkit-keyframes change3 {
0%,
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
25%,
75% {
-webkit-transform: translate3d(0, -33%, 0);
transform: translate3d(0, -33%, 0);
}
50% {
-webkit-transform: translate3d(0, -66%, 0);
transform: translate3d(0, -66%, 0);
}
}
@keyframes change3 {
0%,
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
25%,
75% {
-webkit-transform: translate3d(0, -33%, 0);
transform: translate3d(0, -33%, 0);
}
50% {
-webkit-transform: translate3d(0, -66%, 0);
transform: translate3d(0, -66%, 0);
}
}
@-webkit-keyframes change4 {
0%,
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
16.6666667%,
29.32% {
-webkit-transform: translate3d(0, -25%, 0);
transform: translate3d(0, -25%, 0);
}
33.32%,
45.98% {
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
}
49.98%,
62.64% {
-webkit-transform: translate3d(0, -75%, 0);
transform: translate3d(0, -75%, 0);
}
66.64%,
79.3% {
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
}
83.3%,
95.96% {
-webkit-transform: translate3d(0, -25%, 0);
transform: translate3d(0, -25%, 0);
}
}
@keyframes change4 {
0%,
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
16.66%,
83.3% {
-webkit-transform: translate3d(0, -25%, 0);
transform: translate3d(0, -25%, 0);
}
33.32%,
66.64% {
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
}
49.98% {
-webkit-transform: translate3d(0, -75%, 0);
transform: translate3d(0, -75%, 0);
}
}
@-webkit-keyframes change5 {
0%,
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
12.5%,
87.5% {
-webkit-transform: translate3d(0, -20%, 0);
transform: translate3d(0, -20%, 0);
}
25%,
75% {
-webkit-transform: translate3d(0, -40%, 0);
transform: translate3d(0, -40%, 0);
}
37.5%,
62.5% {
-webkit-transform: translate3d(0, -60%, 0);
transform: translate3d(0, -60%, 0);
}
50% {
-webkit-transform: translate3d(0, -80%, 0);
transform: translate3d(0, -80%, 0);
}
}
@keyframes change5 {
0%,
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
12.5%,
87.5% {
-webkit-transform: translate3d(0, -20%, 0);
transform: translate3d(0, -20%, 0);
}
25%,
75% {
-webkit-transform: translate3d(0, -40%, 0);
transform: translate3d(0, -40%, 0);
}
37.5%,
62.5% {
-webkit-transform: translate3d(0, -60%, 0);
transform: translate3d(0, -60%, 0);
}
50% {
-webkit-transform: translate3d(0, -80%, 0);
transform: translate3d(0, -80%, 0);
}
} .site-header {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 100;
min-height: 60px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.vc_editor .site-header {
z-index: 0;
}
.vc_editor .site-header.fixed {
z-index: 100;
}
.site-header.fixed,
.site-header.header-nav,
.site-header.header-space-on.light {
background: #fff;
z-index: 105;
}
.site-header.dark.fixed,
.site-header.dark.header-nav,
.site-header.header-space-on.dark {
background: #151314;
}
.admin-bar .site-header {
top: 32px;
}
.site-header.dark {
color: #fff;
}
.site-header.light {}
.site-header.header_side {
display: none;
}
.site-header .container-fluid {
padding: 0 30px;
}
.site-header .open-side-bar {
font-size: 18px;
margin: 23px 20px 23px 0;
cursor: pointer;
}
.header_logo_center .open-side-bar {
display: none;
}
.site-header .open-side-bar i {
display: block;
line-height: 19px;
} .site-header .logo,
.side-header .logo {
font-size: 1.459em;
font-weight: bold;
float: left;
}
.side-header .logo {
position: absolute;
left: 35px;
top: 25px;
}
.site-header.header_logo_center .logo,
.site-header.header_logo_center_t2 .logo {
position: absolute;
left: 50%;
top: 0;
-moz-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.site-header .logo a,
.side-header .logo a {
display: table-cell;
height: 65px;
vertical-align: middle;
text-decoration: none;
}
.site-header .logo img,
.side-header .logo img {
max-height: 65px;
max-width: 150px;
}
.site-header.light .logo .dark,
.site-header.dark .logo .light,
.side-header.light .logo .dark,
.side-header.dark .logo .light {
display: block;
}
.site-header.light .logo .light,
.site-header.dark .logo .dark,
.side-header.light .logo .light,
.side-header.dark .logo .dark {
display: none;
} .navigation {
float: left;
opacity: 0;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-o-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
visibility: hidden;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
font-size: 14px;
font-weight: 500;
}
.header_logo_center .navigation {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-o-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
left: 0;
right: auto;
}
.header_logo_center_t2 .navigation {
float: none;
width: 100%;
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
margin-top: 65px;
text-align: center;
height: 59px;
}
.header_logo_center_t2.fixed .navigation {
margin-top: 65px;
}
.header_logo_center_t2.dark .navigation {
}
.navigation.active,
.navigation.visible_menu {
opacity: 1;
visibility: visible;
transform: translateX(0);
}
.navigation ul {
margin: 0;
padding: 0;
}
.navigation li {
display: block;
}
.navigation a {
text-decoration: none;
}
.navigation > ul {}
.navigation > ul > li {
float: left;
position: relative; -webkit-transition: padding 0.3s ease;
-moz-transition: padding 0.3s ease;
-o-transition: padding 0.3s ease;
-ms-transition: padding 0.3s ease;
transition: padding 0.3s ease;
}
.header_logo_center_t2  .navigation > ul > li {
float: none;
display: inline-block;
}
.navigation > ul > li:not(:last-of-type) {
margin-right: 25px;
}
.navigation.hover-style2 > ul > li:not(:last-of-type) {
margin: 0;
}
.header_logo_center_t2 .navigation > ul > li:not(:last-of-type) {
}
.navigation.hover-style2 > ul > li:not(:last-of-type) {
margin: 0;
}
.navigation > ul > li > a {
transition: 0.3s;
display: table-cell;
position: relative;
line-height: 25px;
max-width: 130px;
height: 65px;
vertical-align: middle;
line-height: 1.2em;
text-align: center;
}
.header_logo_center_t2 .navigation > ul > li > a {
height: 58px;
}
.navigation > ul > li > a span {
border-right: none;
padding: 0;
}
.navigation.hover-style2 > ul > li > a span {
border: none;
padding: 2px 10px;
position: relative;
display: block;
}
.navigation > ul > li.current-menu-item > a span,
.navigation > ul > li.current-menu-ancestor > a span,
.navigation > ul > li.current_page_item > a span,
.navigation > ul > li.current-menu-ancestor > a span {
border-color: #0054fc;
}
.navigation.hover-style2 > ul > li.current-menu-item > a span:after,
.navigation.hover-style2 > ul > li.current-menu-ancestor > a span:after,
.navigation.hover-style2 > ul > li.current_page_item > a span:after,
.navigation.hover-style2 > ul > li.current-menu-ancestor > a span:after {
content: "";
color: #9d7345;
box-shadow: inset 0 -9px 0 0;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 9px;
z-index: -1;
}
.navigation.min > ul > li > a { }
.navigation.min2 > ul > li > a {
font-size: 0.7em;
}
.navigation > ul > li:hover > a {
color: #0054fc;
}
.navigation .sub-menu,
.navigation .children {
position: absolute;
color: #000;
background: #ffffff;
width: 215px;
left: -20px;
top: 100%;
border: 1px solid #f4f4f4;
visibility: hidden;
opacity: 0;
text-align: left;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
z-index: 1;
}
.site-header.dark .navigation .sub-menu,
.site-header.dark .navigation .children {
background: #000;
color: #fff;
border-color: #201d1f;
}
.navigation li.menu-item-has-children:hover > .sub-menu,
.navigation li.page_item_has_children:hover > .children {
opacity: 1;
visibility: visible;
z-index: 2;
}
.navigation .sub-menu .sub-menu,
.navigation .children .children {
left: 100%;
top: -1px;
}
.navigation > ul > li:nth-last-child(4) .sub-menu .sub-menu,
.navigation > ul > li:nth-last-child(3) .sub-menu .sub-menu,
.navigation > ul > li:nth-last-child(2) .sub-menu .sub-menu,
.navigation > ul > li:nth-last-child(1) .sub-menu .sub-menu,
.navigation > ul > li:nth-last-child(4) .children .children,
.navigation > ul > li:nth-last-child(3) .children .children,
.navigation > ul > li:nth-last-child(2) .children .children,
.navigation > ul > li:nth-last-child(1) .children .children {
left: inherit;
right: 100%;
}
.navigation > ul > li > .sub-menu,
.navigation > ul > li > .children {}
.header_logo_center_t2 .navigation > ul > li > .sub-menu, 
.header_logo_center_t2 .navigation > ul > li > .children {
margin-top: -1px;
}
.navigation .sub-menu li,
.navigation .children li {
padding: 0 0;
border-bottom: 1px solid #f4f4f4;
}
.site-header.dark .navigation .sub-menu li, 
.site-header.dark .navigation .children li {
border-bottom-color: #201d1f;
}
.navigation .sub-menu li:last-of-type,
.navigation .children li:last-of-type {
border-bottom: none;
}
.navigation .sub-menu li.menu-item-has-children,
.navigation .children li.page_item_has_children {
position: relative;
}
.navigation .sub-menu li.current-menu-item > a,
.navigation .sub-menu li.current-menu-ancestor > a,
.navigation .sub-menu li:hover > a,
.navigation .sub-menu li.current-menu-item.menu-item-has-children:after,
.navigation .sub-menu li:hover.menu-item-has-children:after,
.navigation .children li.current_page_item > a,
.navigation .children li.current-menu-ancestor > a,
.navigation .children li:hover > a,
.navigation .children li.current_page_item.page_item_has_children:after,
.navigation .children li:hover.page_item_has_children:after {
color: #0054fc;
}
.navigation > ul > li:nth-last-child(4) .sub-menu li.menu-item-has-children > a,
.navigation > ul > li:nth-last-child(3) .sub-menu li.menu-item-has-children > a,
.navigation > ul > li:nth-last-child(2) .sub-menu li.menu-item-has-children > a,
.navigation > ul > li:nth-last-child(1) .sub-menu li.menu-item-has-children > a,
.navigation > ul > li:nth-last-child(4) .children li.menu_item_has_children > a,
.navigation > ul > li:nth-last-child(3) .children li.menu_item_has_children > a,
.navigation > ul > li:nth-last-child(2) .children li.menu_item_has_children > a,
.navigation > ul > li:nth-last-child(1) .children li.menu_item_has_children > a {
padding-left: 25px;
}
.navigation .sub-menu li.menu-item-has-children > a:after,
.navigation .children li.page_item_has_children > a:after {
content: "\e901";
font-family: 'base-icons' !important;
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%);
font-size: 0.7em;
}
.navigation > ul > li:nth-last-child(4) .sub-menu li.menu-item-has-children > a:after,
.navigation > ul > li:nth-last-child(3) .sub-menu li.menu-item-has-children > a:after,
.navigation > ul > li:nth-last-child(2) .sub-menu li.menu-item-has-children > a:after,
.navigation > ul > li:nth-last-child(1) .sub-menu li.menu-item-has-children > a:after,
.navigation > ul > li:nth-last-child(4) .children li.page_item_has_children > a:after,
.navigation > ul > li:nth-last-child(3) .children li.page_item_has_children > a:after,
.navigation > ul > li:nth-last-child(2) .children li.page_item_has_children > a:after,
.navigation > ul > li:nth-last-child(1) .children li.page_item_has_children > a:after {
content: "\e902";
right: inherit;
left: 8px;
}
.navigation .sub-menu li a,
.navigation .children li a {
display: table-cell;
width: 200px;
height: 35px;
padding: 5px 20px;
position: relative;
vertical-align: middle;
transition-duration: 0.2s;
}
.site-nav-arr .navigation > ul > li.menu-item-has-children > a:after,
.site-nav-arr .navigation > ul > li.menu_item_has_children > a:after,
.site-nav-arr .navigation > ul > li.page_item_has_children > a:after {
content: "\e900";
font-family: 'base-icons' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
vertical-align: middle;
vertical-align: middle;
font-size: 8px;
margin-left: 5px;
margin-top: 0;
display: inline-block;
} .full-screen-nav {
text-align: center;
position: fixed;
top: 0;
left: 0;
bottom: 0;
width: 100%;
background: #fff;
background: rgba(255, 255, 255, 0.8);
z-index: 101;
display: none;
}
.admin-bar .full-screen-nav {
top: 32px;
}
.site-dark .full-screen-nav {
background: #000;
background: rgba(0, 0, 0, 0.8);
}
.full-screen-nav .close {
position: absolute;
top: 30px;
right: 30px;
font-size: 25px;
cursor: pointer;
z-index: 5;
}
.fsn-container {
position: absolute;
top: 10px;
bottom: 10px;
left: 0;
right: -25px;
overflow-y: scroll;
}
.admin-bar .fsn-container {}
.full-screen-nav ul {
margin: 0;
padding: 0;
}
.full-screen-nav .fsn-container > ul {
width: 3800px;
}
.full-screen-nav ul li {
display: block;
}
.full-screen-nav ul li a {
text-decoration: none;
}
.full-screen-nav .fsn-container > ul > li {
margin: 20px 0;
}
.full-screen-nav .fsn-container > ul > li > a {
position: relative;
font-size: 1.875em;
text-transform: uppercase;
display: inline-block;
line-height: 1.2em; }
.full-screen-nav .fsn-container > ul > li:hover > a {
color: #0054fc;
}
.full-screen-nav .fsn-container > ul > li:hover > a:after {
width: 100%;
opacity: 1;
}
.full-screen-nav .fsn-container > ul > li.current-menu-item > a,
.full-screen-nav .fsn-container > ul > li.current-menu-parent > a,
.full-screen-nav .fsn-container > ul > li.current-menu-ancestor > a {
color: #0054fc;
}
.full-screen-nav .fsn-container > ul > li ul.sub-menu,
.full-screen-nav .fsn-container > ul > li ul.children {
display: none;
}
.full-screen-nav .fsn-container > ul > li > ul.sub-menu,
.full-screen-nav .fsn-container > ul > li > ul.children {
display: none;
font-weight: 300;
font-size: 1em;
padding: 10px 0 0;
text-transform: uppercase;
}
.full-screen-nav ul li ul.sub-menu li:hover > a,
.full-screen-nav ul li ul.children li:hover > a,
.full-screen-nav ul li ul.sub-menu li.current-menu-item > a,
.full-screen-nav ul li ul.children li.current_menu_item > a,
.full-screen-nav ul li ul.sub-menu li.current-menu-ancestor > a,
.full-screen-nav ul li ul.children li.current_menu_ancestor > a {
color: #67686d;
}
.full-screen-nav ul li ul.sub-menu li,
.full-screen-nav ul li ul.children li {
padding: 10px 0 0;
} .butter-button {
float: left;
width: 15px;
height: 11px;
position: relative;
margin: 27px 0 0 25px;
cursor: pointer;
}
.header_logo_center .butter-button {
margin-left: 0;
margin-right: 10px;
}
.butter-button.visible_menu {
display: none;
}
.butter-button div {
height: 1px;
box-shadow: inset 0 0 0 3px;
margin: 5px 0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.butter-button.active div {
transform: scaleX(0);
}
.butter-button:after,
.butter-button:before {
content: '';
position: absolute;
top: 0;
width: 100%;
box-shadow: inset 0 0 0 3px;
height: 1px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.butter-button:after {
top: auto;
bottom: 0;
}
.butter-button.active:before {
transform: rotate(45deg);
transform-origin: 50%;
top: 5px;
}
.butter-button.active:after {
transform: rotate(-45deg);
bottom: 5px;
} .header-minicart {
float: left;
padding: 0;
margin-left: 20px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.header-minicart a {
text-decoration: none;
}
.hm-cunt {
display: block;
text-align: center;
position: relative;
font-size: 15px;
cursor: pointer;
}
.hm-cunt.big {
display: inline-block;
font-size: 65px;
}
.hm-cunt i {
display: block;
line-height: 65px;
}
.hm-cunt i:before {
display: block;
}
.hm-cunt span {
display: block;
font-size: 10px;
position: absolute;
top: 50%;
margin-top: -15px;
right: -10px;
background: #fff;
color: #0054fc;
line-height: 15px;
height: 14px;
min-width: 14px;
padding: 0 2px;
border-radius: 50%;
font-weight: bold;
}
.hm-cunt.big span {
height: 30px;
min-width: 30px;
line-height: 30px;
font-size: 18px;
}
.header-minicart .minicart-wrap {
position: absolute;
background: #fbfbfb;
top: 100%;
right: 15px;
padding: 5px 15px 15px;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
color: #252a31;
width: 310px;
}
.site-dark .header-minicart .minicart-wrap {
background: #272727;
color: #fff;
}
.header-minicart:hover .minicart-wrap,
.minicart-wrap:hover {
opacity: 1;
visibility: visible;
}
.minicart-wrap {}
.minicart-wrap .cart_list.product_list_widget {
margin: 0 -15px;
}
.minicart-wrap .cart_list .mini_cart_item,
.widget_shopping_cart_content .mini_cart_item {
border-bottom: 1px solid #e2e2e2;
position: relative;
min-height: 60px;
}
.site-dark .minicart-wrap .cart_list .mini_cart_item,
.site-dark .widget_shopping_cart_content .mini_cart_item {
border-bottom-color: #181818;
}
.minicart-wrap .cart_list .mini_cart_item .remove,
.widget_shopping_cart_content .cart_list .mini_cart_item .remove {
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
margin: 0;
padding: 0;
font-size: 8px;
}
.minicart-wrap .cart_list .mini_cart_item .wp-post-image,
.widget_shopping_cart_content .cart_list .mini_cart_item .wp-post-image {
float: left;
margin-right: 10px;
margin-left: 0;
width: 40px;
}
.minicart-wrap .cart_list .mini_cart_item .wp-post-image img {}
.minicart-wrap .cart_list .mini_cart_item .quantity,
.widget_shopping_cart_content .cart_list .mini_cart_item .quantity {
font-size: 13px;
display: block;
margin-left: 50px;
color: #0054fc;
}
.widget_shopping_cart_content .cart_list .mini_cart_item .quantity span {}
.site-dark .minicart-wrap .cart_list .mini_cart_item .quantity span,
.site-dark .widget_shopping_cart_content .cart_list .mini_cart_item .quantity span {
color: inherit;
}
.minicart-wrap .cart_list .mini_cart_item .variation,
.widget_shopping_cart_content .cart_list .mini_cart_item .variation {
border: none;
margin: 5px 0 0;
padding: 0;
margin-left: 50px;
float: none;
display: block;
font-size: 0.778em;
}
.minicart-wrap .cart_list .mini_cart_item dt,
.widget_shopping_cart_content .cart_list .mini_cart_item dt {
float: left;
clear: none;
}
.minicart-wrap .cart_list .mini_cart_item dd,
.widget_shopping_cart_content .cart_list .mini_cart_item dd,
{
float: none;
display: block; margin-bottom: 0;
clear: none;
}
.minicart-wrap .cart_list .mini_cart_item p,
.widget_shopping_cart_content .cart_list .mini_cart_item p {
margin: 0;
}
.minicart-wrap .total,
.widget_shopping_cart_content .total {
font-size: 1em;
margin: 15px 0;
overflow: hidden;
}
.minicart-wrap .total strong {
font-weight: 600;
margin: 6px 0;
display: inline-block;
}
.minicart-wrap .total > span,
.widget_shopping_cart_content .total > span {
color: #0054fc;
float: right;
font-weight: bold;
font-size: 1.500em;
}
.minicart-wrap .buttons,
.widget_shopping_cart_content .buttons {
margin: 0 0 0;
}
.minicart-wrap a.button,
.widget_shopping_cart_content a.button {
font-size: 12px;
background: #000;
color: #fff;
font-weight: normal; margin: 0 0 10px;
width: 100%;
text-align: center;
text-transform: uppercase;
}
.minicart-wrap a.checkout,
.widget_shopping_cart_content a.checkout {
background: #0054fc; margin-bottom: 0;
} .search-button {
float: left;
margin: 0 0 0 20px;
font-size: 12px;
cursor: pointer;
}
.search-button i {
display: block;
line-height: 65px;
}
.header_logo_center_t2 .search-button {
margin-left: 0;
}
.search-popup {
position: fixed;
top: 60px;
left: 0;
right: 0;
bottom: 0;
z-index: 99;
background: #fff;
display: none;
padding: 0 15px;
}
.site-dark .search-popup {
color: #fff;
background: #000;
}
.admin-bar .search-popup {
top: 92px;
}
.search-popup .close {
position: absolute;
top: 25px;
right: 25px;
font-size: 25px;
cursor: pointer;
}
.search-popup .centered-container {
width: 90% !important;
max-width: 540px;
}
.search-popup .searchform {
border: 1px solid;
overflow: hidden;
}
.search-popup .searchform div {
margin-right: 50px;
}
.search-popup .searchform .searchsubmit {
float: right;
background: none;
border: none;
line-height: 48px;
width: 48px;
cursor: pointer;
padding: 0;
font-size: 21px;
color: inherit;
}
.search-popup .searchform .input {
width: 100%;
border: none;
padding: 0 20px;
line-height: 48px;
height: 48px;
background: transparent;
color: inherit;
} .side-header {
background: #f5f5f5;
position: fixed;
top: 0;
left: 0;
bottom: 0;
width: 230px;
z-index: 50;
overflow: hidden;
}
.side-header.dark {
background: #222222;
}
.admin-bar .side-header {
top: 32px;
}
.side-header .wrap {
position: absolute;
top: 80px;
left: 21px;
bottom: 120px;
overflow-y: scroll;
right: -25px;
padding-right: 25px;
padding-left: 15px;
}
.side-header .wrap .cell {
width: 1200px;
padding: 20px 0;
vertical-align: text-bottom;
}
.side-header .bottom {
position: absolute;
bottom: 20px;
left: 35px;
right: 10px;
}
.side-header .copyright {
font-size: 11px;
right: 20px;
color: #9f9f9f;
line-height: 1.455em;
}
.social-buttons {
font-size: 12px;
color: #9f9f9f;
}
.social-buttons.style2 {
font-size: 38px;
}
.social-buttons.type2 {
font-size: 38px;
margin: 20px 0;
overflow: hidden;
}
.side-header .social-buttons {
margin-bottom: 20px;
}
.social-buttons a {
display: inline-block;
vertical-align: middle;
margin-right: 20px;
text-decoration: none;
}
.social-buttons.type2 a {
position: relative;
float: left;
}
.social-buttons.type2 a:not(:last-of-type):after {
content: "";
position: absolute;
width: 1px;
height:  13px;
background: #f0f0f0;
top: 50%;
right: -10px;
margin-top: -6.5px;
}
.social-buttons a:hover {
color: #000;
}
.social-buttons a:last-of-type {
margin-right: 0;
}
.social-buttons a .icon-t1,
.social-buttons.style2 a .icon-t2 {
display: block;
text-decoration: none;
}
.social-buttons.type2 a .icon-t1 {
display: none;
}
.social-buttons a .icon-t2,
.social-buttons.style2 a .icon-t1,
.social-buttons a span {
display: none;
}
.social-buttons.type2 a .icon-t2 {
display: block;
} .side-navigation {
font-weight: bold;
color: #858585;
font-size: 14px;
}
.side-navigation ul {
margin: 0;
padding: 0;
}
.side-navigation ul li {
display: block;
}
.side-navigation ul li a {
display: block;
text-decoration: none;
}
.side-navigation ul li a span {
position: relative;
padding-right: 20px;
}
.side-navigation ul li.menu-item-has-children > a span:after,
.side-navigation ul li.page_item_has_children > a span:after {
content: "\e901";
font-family: 'base-icons' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
top: 50%;
right: 0;
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-o-transform: translate(0%, -50%);
transform: translate(0%, -50%);
margin-top: 1px;
font-size: 8px;
}
.side-navigation > ul {
position: relative;
}
.side-navigation > ul > li {}
.side-navigation > ul > li > a {
padding: 15px 0;
}
.side-navigation li.current-menu-item > a,
.side-navigation li.current-menu-parent > a,
.side-navigation li.current-menu-ancestor > a,
.side-navigation li.current_page_item > a,
.side-navigation li:hover > a {
color: #0054fc;
}
.side-navigation .sub-menu,
.side-navigation .children {
min-height: 100%;
position: absolute;
top: 10px;
background: #f5f5f5;
width: 100%;
padding-left: 20px;
z-index: 2;
right: 100%;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
font-size: 12px;
font-weight: 500;
}
.site-dark .side-navigation .sub-menu,
.site-dark .side-navigation .children {
background: #222222;
}
.side-navigation li.active-child > .sub-menu,
.side-navigation li.active-child > .children {
right: 0;
opacity: 1;
visibility: visible;
}
.side-navigation .sub-menu .back,
.side-navigation .children .back {
position: absolute;
top: 10px;
left: 0;
cursor: pointer;
font-size: 10px;
}
.side-navigation .sub-menu li,
.side-navigation .children li {
margin: 0 0 5px;
}
.side-navigation .sub-menu li a,
.side-navigation .children li a {
padding: 6px 0;
}  .banner-area {
position: relative;
min-height: 400px;
background: #fff;
}
.site-dark .banner-area {
background: #000;
}
.banner-color-white {
color: #fff;
}
.banner-color-black {
color: #000;
}
.banner-area.external-indent.with-carousel-nav {
padding-bottom: 0;
}
.category-items-wrap {}
.category-items-wrap .sct {
font-size:  12px;
text-transform:  uppercase;
font-weight: bold;
position: absolute;
bottom: 20px;
right: 0;
z-index: 3;
color: #fff;
padding-right: 50px;
}
.category-items-wrap .sct:after {
content: "";
position: absolute;
top: 50%;
right: 0;
width: 37px;
height: 2px;
margin-top: -1px;
background: #fff;
}
.banner-social-buttons {
position: absolute;
top: 50%;
left: 0;
z-index: 10;
font-size: 10px;
text-transform: uppercase;
white-space: nowrap;
font-weight: normal;
}
.banner-style2 .banner-social-buttons {
top: 50%;
left: -34px;
bottom: auto;
-moz-transform: translate(-50%, -50%) rotate(-90deg);
-ms-transform: translate(-50%, -50%) rotate(-90deg);
-webkit-transform: translate(-50%, -50%) rotate(-90deg);
-o-transform: translate(-50%, -50%) rotate(-90deg);
transform: translate(-50%, -50%) rotate(-90deg);
}
.banner-style1 .banner-social-buttons:before {
content: "";
display: inline-block;
vertical-align: middle;
margin-left: 35px;
margin-right: 40px;
width: 45px;
height: 1px;
box-shadow: inset 0 0 0 1px;
}
.banner-social-buttons a {
text-decoration: none;
margin: 0 15px;
color: #9f9f9f;
position: relative;
}
.banner-social-buttons a:hover {
color: #000;
}
.banner-social-buttons a:not(:last-of-type):after {
content: "";
width: 9px;
height: 1px;
background: #d7d7d7;
position: absolute;
top: 50%;
right: -19px;
margin-top: -1px;
}
.banner-social-buttons a:hover {
color: #0054fc;
}
.banner-social-buttons a i {
margin-right: 5px;
font-size: 1.3em;
}
.banner-social-buttons a i.icon-t2 {
display: none;
}
.banner-social-buttons .cell {
width: 70px;
height: 100vh;
min-height: 470px;
}
.banner-social-buttons .links {
text-align: center;
width: 340px;
margin-left: -140px;
margin-top: -7px;
position: absolute;
top: 50%;
left: 0;
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
o-transform: rotate(-90deg);
transform: rotate(-90deg);
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-webkit-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.banner-social-buttons .item i {
margin-right: 5px;
}
.banner-about {
position: absolute;
top: 0;
z-index: 10;
background: #f3f3f3;
right: -100%;
width: 100%;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
transition: all 0.8s ease;
opacity: 0;
visibility: hidden;
}
.banner-about.active {
right: 0;
opacity: 1;
visibility: visible;
}
.banner-about.color-white {
color: #fff;
}
.banner-about.color-black {
color: #000;
}
.banner-button-left,
.banner-button-right {
position: absolute;
z-index: 10;
top: 50%;
font-size: 1.125em;
font-weight: bold;
text-transform: uppercase;
white-space: nowrap;
margin-top: -30px;
}
.banner-style2 .banner-button-left,
.banner-style2 .banner-button-right {
top: auto;
bottom: 15px;
-moz-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
margin: 0;
}
.banner-button-left {
left: -30px;
}
.banner-style2 .banner-button-left {
left: 25%;
}
.banner-button-right {
right: -30px;
}
.banner-style2 .banner-button-right {
right: 25%;
}
.banner-button-left .button,
.banner-button-right .button {
position: absolute;
top: 50%;
left: 50%;
-moz-transform: translate(-50%, -50%) rotate(-90deg);
-ms-transform: translate(-50%, -50%) rotate(-90deg);
-webkit-transform: translate(-50%, -50%) rotate(-90deg);
-o-transform: translate(-50%, -50%) rotate(-90deg);
transform: translate(-50%, -50%) rotate(-90deg);
cursor: pointer;
}
.banner-button-right .button {
-moz-transform: translate(-50%, -50%) rotate(90deg);
-ms-transform: translate(-50%, -50%) rotate(90deg);
-webkit-transform: translate(-50%, -50%) rotate(90deg);
-o-transform: translate(-50%, -50%) rotate(90deg);
transform: translate(-50%, -50%) rotate(90deg);
}
.banner-style2 .banner-button-left .button,
.banner-style2 .banner-button-right .button {
-moz-transform: none;
-ms-transform: none;
-webkit-transform: none;
-o-transform: none;
transform: none;
position: relative;
top: 0;
left: 0;
}
.banner-button-left .button.active .h,
.banner-button-right .button.active .h {
opacity: 0;
visibility: hidden;
}
.banner-button-left .button .close,
.banner-button-right .button .close {
position: absolute;
top: 50%;
left: 50%;
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0;
background: #7a6563;
color: #fff;
padding: 19px 25px 19px 25px;
cursor: pointer;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
visibility: hidden;
}
.banner-button-left .button.active .close,
.banner-button-right .button.active .close {
opacity: 1;
visibility: visible;
margin-top: 29px;
}
.banner-style2 .banner-button-left .button.active .close,
.banner-style2 .banner-button-right .button.active .close {
margin-top: -32px;
}
.banner-button-left .button .close i,
.banner-button-right .button .close i {
font-size: 14px;
margin: 0 0 0 10px;
}
.banner-bottom-link {
position: absolute;
bottom: 10px;
left: 50%;
z-index: 20;
text-align: center;
margin-left: -52.5px;
}
.banner-bottom-link a {
height: 105px;
width: 105px;
background: #fff;
border-radius: 50%;
display: table-cell;
vertical-align: middle;
text-decoration: none;
text-transform: uppercase;
font-size: 14px;
line-height: 1em;
padding: 0 5px;
}
.site-dark .banner-bottom-link a {
background: #000;
color: #fff;
}
.banner-bottom-link a:hover {
background: #fafafa;
}
.site-dark .banner-bottom-link a:hover {
background: #151314;
}
.banner-bottom-link a i {
display: block;
font-size: 0.7em;
margin-top: 0.3em;
margin-bottom: -1.3em;
}
.banner-contacts {
position: absolute;
top: 0;
left: -100%;
width: 100%;
z-index: 10;
color: #000;
background: #fff;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
transition: all 0.8s ease;
opacity: 0;
visibility: hidden;
background-size: cover;
background-position: 50%;
}
.banner-contacts.active {
opacity: 1;
visibility: visible;
left: 0;
}
.banner-contacts.color-white {
color: #fff;
background-color: #000;
}
.banner-contacts .cell {}
.banner-contacts .sub-heading {}
.banner-contacts .heading {}
.banner-contacts .text-p {
font-weight: 300;
}
.banner-content-row {
margin-bottom: 30px;
}
.banner-content-row:last-of-type {
margin-bottom: 0;
}
.banner-about .image {
background-position: 50%;
background-size: cover;
}
.banner-about .text {}
.banner-about .wrap {}
.banner-about .cell {}
.banner-about .sub-heading,
.banner-contacts .sub-heading {
color: #0054fc;
text-transform: uppercase;
}
.banner-about .sub-heading h6,
.banner-contacts .sub-heading h6 {
font-size: 1em;
}
.banner-about .heading {}
.banner-about .text-p {
font-weight: 300;
margin: 1.2em 0 1.9em;
max-width: 450px;
}
.banner-about .button-style1 {}
.banner {
min-height: 400px;
}
.banner .item {
background-size: cover;
background-position: 50%;
position: relative;
overflow: hidden;
}
.banner .item.top-left {
background-position: top left;
}
.banner .item.top-center {
background-position: top center;
}
.banner .item.top-right {
background-position: top right;
}
.banner .item.center-left {
background-position: center left;
}
.banner .item.center-center {
background-position: center;
}
.banner .item.center-right {
background-position: center right;
}
.banner .item.bottom-left {
background-position: bottom left;
}
.banner .item.bottom-center {
background-position: bottom center;
}
.banner .item.bottom-right {
background-position: bottom right;
}
.banner .item.black {
color: #000;
}
.banner .item.white {
color: #fff;
}
.banner .cell {
width: 1800px;
padding: 60px 0;
position: relative;
z-index: 2;
}
.banner .cell.c-top {
vertical-align: top;
}
.banner .cell.c-center {
vertical-align: middle;
}
.banner .cell.c-bottom {
vertical-align: bottom;
}
.banner .cell.ch-left {
text-align: left;
}
.banner .cell.ch-center {
text-align: center;
}
.banner .cell.ch-right {
text-align: right;
}
.banner .cell.top {
vertical-align: top;
}
.banner .cell.bottom {
vertical-align: bottom;
}
.banner .cell .heading {
margin-bottom: 30px;
}
.banner .cell p {
margin: -10px 0 25px;
}
.banner .cell .heading .h {
line-height: 1em;
}
.banner .cell .price {
font-size: 1.500em;
font-weight:  bold;
margin-bottom: -5px;
}
.banner .cell .price > span,.banner .cell .price ins {
color: #0054fc;
}
.banner .cell .price del {
opacity: .5;
font-size: 0.6em;
vertical-align: text-top;
padding-top: 0.15em;
display: inline-block;
margin-right: 5px;
}
.banner .cell .price ins {
background: none;
}
.banner .cell .desc {
margin:  25px 0;
font-size:  1.2em;
}
.banner .owl-item .heading .h,
.banner .owl-item .heading-decor,
.banner .owl-item .desc,
.banner .owl-item .price,
.banner .owl-item .button-style2 {
-moz-transform: translate(-100vw, 0);
-ms-transform: translate(-100vw, 0);
-webkit-transform: translate(-100vw, 0);
-o-transform: translate(-100vw, 0);
transform: translate(-100vw, 0);
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
-webkit-transition-delay: 0.5s;
-moz-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
-ms-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.banner .owl-item.active .heading .h,
.banner .owl-item.active .heading-decor,
.banner .owl-item.active .price,
.banner .owl-item.active .desc,
.banner .owl-item.active .button-style2 {
-moz-transform: translate(0);
-ms-transform: translate(0);
-webkit-transform: translate(0);
-o-transform: translate(0);
transform: translate(0);
}
.banner .owl-item.active .text {
-moz-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.banner .owl-item.active .button-style1 {
-moz-transform: translate(0%, 0%);
-ms-transform: translate(0%, 0%);
-webkit-transform: translate(0%, 0%);
-o-transform: translate(0%, 0%);
transform: translate(0%, 0%);
opacity: 1;
}
.banner .owl-dots,
.portfolio-slider .owl-dots,
.category-items .owl-dots {
counter-reset: slides-num;
position: absolute;
top: 50%;
right: -40px;
font-size: 12px;
font-weight: bold;
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-o-transform: translate(0%, -50%);
transform: translate(0%, -50%);
}
.banner .owl-dots {
right: 20px;
}
.portfolio-slider .owl-dots {
margin-top: -55px;
right: -65px;
}
.portfolio-slider-style2 .portfolio-slider .owl-dots {
left: auto;
right: 117px;
margin-left: 0;
top: 40px;
margin-top:  0;
-moz-transform: none;
-ms-transform: none;
-webkit-transform: none;
-o-transform: none;
transform: none;
}
.portfolio-slider-style3 .portfolio-slider .owl-dots {
right: -43px;
margin-top: -35px;
}
.banner-style1.banner .owl-dots {
top: auto;
bottom: -40px;
left: auto;
right: 10px;
-moz-transform: translate(0%, 0%);
-ms-transform: translate(0%, 0%);
-webkit-transform: translate(0%, 0%);
-o-transform: translate(0%, 0%);
transform: translate(0%, 0%);
}
.banner .owl-dot,
.portfolio-slider .owl-dot,
.category-items .owl-dot {
display: block;
counter-increment: slides-num;
opacity: 0.4;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
position: relative;
}
.portfolio-slider-style2 .portfolio-slider .owl-dot,
.portfolio-slider-style3 .portfolio-slider .owl-dot {
margin-bottom: 10px;
}
.banner-style1.banner .owl-dot {
display: inline-block;
vertical-align: middle;
}
.banner .owl-dot.active,
.portfolio-slider .owl-dot.active,
.category-items .owl-dot.active {
padding-bottom: 15px;
opacity: 1;
}
.portfolio-slider-style2 .portfolio-slider .owl-dot.active,
.portfolio-slider-style3 .portfolio-slider .owl-dot.active {
padding-bottom:  0;
}
.banner-style1.banner .owl-dot.active {
padding-bottom: 0;
}
.banner .owl-dot span,
.portfolio-slider .owl-dot span,
.category-items .owl-dot span {
display: none;
}
.banner .owl-dot:before,
.portfolio-slider .owl-dot:before,
.category-items .owl-dot:before {
content: '0'counter(slides-num);
display: block;
margin-bottom: 15px;
}
.portfolio-slider-style2 .portfolio-slider .owl-dot:before,
.portfolio-slider-style3 .portfolio-slider .owl-dot:before {
margin-bottom:  0;
}
.banner-style1.banner .owl-dot:before {
margin: 0;
margin-right: 20px;
display: inline-block;
vertical-align: middle;
border-bottom: 1px solid transparent;
line-height: 1em;
}
.banner .owl-dot:nth-child(n+10):before,
.portfolio-slider .owl-dot:nth-child(n+10):before,
.category-items .owl-dot:nth-child(n+10):before {
content: counter(slides-num);
}
.banner .owl-dot.active:before,
.portfolio-slider .owl-dot.active:before,
.category-items .owl-dot.active:before {
opacity: 1;
}
.portfolio-slider .owl-dot:after,
.category-items .owl-dot:after {
content: "";
position: absolute;
width: 2px;
height: 0;
bottom: 8px;
left: 50%;
margin-left: -1px;
box-shadow: inset 0 0 0 5px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.portfolio-slider-style2 .portfolio-slider .owl-dot:after,
.portfolio-slider-style3 .portfolio-slider .owl-dot:after {
width: 0;
height: 2px;
left: auto;
right: 100%;
top: 50%;
bottom: auto;
margin-right:  5px;
margin-top: -1px;
margin-left: 0;
}
.portfolio-slider .owl-dot:after {}
.portfolio-slider .owl-dot.active:after,
.category-items .owl-dot.active:after {
height: 15px;
}
.portfolio-slider-style3 .portfolio-slider .owl-dot:after {
margin-right: 12px;
}
.portfolio-slider-style2 .portfolio-slider .owl-dot.active:after,
.portfolio-slider-style3 .portfolio-slider .owl-dot.active:after {
width: 15px;
height: 2px;
}
.banner .owl-nav {
position: absolute;
bottom: 20px;
right: 20px;
}
.banner .owl-nav > * {
display: inline-block;
vertical-align: middle;
margin: 0 5px;
}
.banner-nav2 {
position: absolute;
top: 50%;
right: -60px;
width: 60px;
text-align: center;
font-size: 14px;
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-o-transform: translate(0%, -50%);
transform: translate(0%, -50%);
}
.banner-nav2 .up,
.banner-nav2 .down {
font-size: 12px;
opacity: .5;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
cursor: pointer;
}
.banner-nav2 .up:hover,
.banner-nav2 .down:hover {
opacity: 1;
}
.banner-nav2 .down {}
.banner-nav2 .up i,
.banner-nav2 .down i {
display: block;
}
.banner-nav2 .nums {
margin: 10px 0 9px;
}
.banner-style1.banner .owl-dot.active:before {
border-color: #0054fc;
}
.banner .owl-dot:after {
content: "";
display: block;
width: 2px;
margin: 0 auto;
height: 0;
background: #0054fc;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.banner-style1.banner .owl-dot:after {
display: none;
vertical-align: middle;
}
.banner .owl-dot.active:after {
height: 10px;
}
.banner-style1.banner .owl-dot.active:after {
height: 1px;
width: 30px;
}
.banner-404-area .banner-social-buttons,
.banner-coming-soon-area .banner-social-buttons {
left: 50%;
top: auto;
bottom: 20px;
-moz-transform: translate(-50%, 0%);
-ms-transform: translate(-50%, 0%);
-webkit-transform: translate(-50%, 0%);
-o-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
}
.banner-404,
.banner-coming-soon {
padding: 0 60px 60px;
}
.banner-404 .item {}
.banner-404 .cell {}
.banner-404 .con-404 {
}
.banner-404 .con-404 .h {
font-weight: 600;
font-size:  1.500em;
text-transform:  uppercase;
}
.banner-404 .con-404 .h span {
font-size:  5.000em;
line-height: 1em;
}
.banner-coming-soon .con-coming-soon-top .h,.banner-coming-soon p {
font-weight: 600;
font-size: 1.125em;
text-transform:  uppercase;
}
.banner-404 .con-404 p {
font-weight: 600;
line-height: 1em;
margin: 1.6em 0 2em;
}
.banner-coming-soon {
min-height: 510px;
}
.b-coming-heading {
text-transform: uppercase;
}
.banner-coming-soon p {
font-size: 1em;
}
.banner-coming-soon div.wpcf7 {
margin-bottom: 25px;
}
.banner-coming-soon .con-coming-soon-bottom {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
} .side-bar-button {
float: left;
font-size: 17px;
margin: 28px 30px 0 0;
cursor: pointer;
}
.side-bar-area {
position: fixed;
background: #0a0a0a;
z-index: 100;
top: 0;
bottom: 0;
color: #ffff;
left: -340px;
width: 100%;
max-width: 340px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
overflow: hidden;
}
.side-bar-area.active {
left: 0;
}
.site-dark .side-bar-area {
background: #000000;
}
.admin-bar .side-bar-area {
top: 32px;
}
.side-bar-area .close {
position: absolute;
top: 45px;
left: 55px;
font-size: 11px;
cursor: pointer;
}
.side-bar-area .wrap {
position: absolute;
top: 85px;
bottom: 75px;
left: 55px;
overflow-y: scroll;
right: -63px;
padding-right: 100px;
}
.side-bar-area .copyright {
position: absolute;
bottom: 20px;
left: 55px;
right: 55px;
font-size: 12px;
line-height: 1.500em;
}
.side-bar-area .widget {
margin-bottom: 35px;
}
.side-bar-area .heading-decor {
font-size: 1.143em;
} .gallery-module {
margin: 0 -4px -4px;
}
.gallery-module .item {
padding: 4px;
text-align: center;
}
.gallery-module .item a {
display: block;
position: relative;
padding-bottom:  100%;
background-size: cover;
background-position: 50%;
}
.gallery-module .item a:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.4);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
opacity: 0;
visibility: hidden;
}
.gallery-module .item a:hover:after {
opacity: 1;
visibility: visible;
}
.gallery-module .item img {
vertical-align: bottom;
} .widget {margin-bottom: 40px;}
.s-sidebar .widget {
margin-bottom: 40px;
}
.s-sidebar .widget:last-of-type {
margin-bottom: 0;
}
.widget select {
max-width: 100%;
}
.widget_archive ul,
.widget_categories ul,
.widget_pages ul,
.widget_meta ul,
.widget_nav_menu ul,
.widget_recent_entries ul,
.widget_recent_comments ul,
.widget_rss ul {
background: none;
color: inherit;
padding: 0;
margin: 5px 0 -5px 0;
font-size:  14px;
font-style:  italic;
}
.widget_archive ul ul,
.widget_categories ul ul,
.widget_pages ul ul,
.widget_meta ul ul,
.widget_nav_menu ul ul,
.widget_recent_entries ul ul,
.widget_recent_comments ul ul,
.widget_rss ul ul {
margin: 5px 0 -11px 10px;
}
.widget_archive ul li,
.widget_categories ul li,
.widget_pages ul li,
.widget_meta ul li,
.widget_nav_menu ul li,
.widget_recent_entries ul li,
.widget_recent_comments ul li,
.widget_rss li {
padding: 10px 0px;
border: none;
display: block;
border-bottom: 1px solid #f0f0f0;
}
.widget_rss li {
padding: 15px 0;
}
.widget_archive ul li a,
.widget_categories ul li a,
.widget_pages ul li a,
.widget_meta ul li a,
.widget_nav_menu ul li a,
.widget_recent_entries ul li a {
text-decoration: none;
min-height: 16px;
display: inline-block;
}
.widget_archive ul li a:hover,
.widget_categories ul li a:hover,
.widget_pages ul li a:hover,
.widget_meta ul li a:hover,
.widget_nav_menu ul li a:hover,
.widget_recent_entries ul li a:hover {
color: #0054fc;
}
.searchform {
border: 1px solid;
}
.site-content .searchform {
margin-bottom: 60px;
}
.searchform .searchsubmit {
float: right;
width: 40px;
height: 40px;
line-height: 40px;
background: none;
border: none;
padding: 0;
color: inherit;
}
.searchform .searchsubmit i {
vertical-align: middle;
}
.searchform div {
margin-right: 40px;
}
.searchform .input {
background: transparent;
border: none;
color: inherit;
font-size: 1em;
padding: 0 15px;
line-height: 40px;
} .portfolio-items {
}
.portfolio-type-packery {}
.portfolio-item {
position: relative;
margin-bottom: 30px;
color: #fff;
overflow: hidden;
}
.portfolio_hover_type_1 .portfolio-item {
color: inherit;
}
.portfolio-item .flipster__item__content {}
.portfolio-item .flipster__item__content a {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 2;
}
.portfolio-type-packery .portfolio-item {
padding: 0;
margin: 0;
}
.portfolio-type-packery.cols-4 .portfolio-item:nth-child(8n+2),
.portfolio-type-packery.cols-4 .portfolio-item:nth-child(8n+7) {
width: 50%;
}
.portfolio-type-packery.cols-4 .portfolio-item:nth-child(8n+3) {}
.portfolio-type-packery.cols-4 .portfolio-item:nth-child(8n+4) {}
.portfolio-type-packery.cols-4 .portfolio-item:nth-child(8n+5),
.portfolio-type-packery.cols-4 .portfolio-item:nth-child(8n+6) {
width: 50%;
}
.portfolio-type-packery.cols-4 .portfolio-item:nth-child(8n+5) .a-img,
.portfolio-type-packery.cols-4 .portfolio-item:nth-child(8n+6) .a-img {
padding-bottom: 50%;
}
.portfolio-type-packery.cols-4 .portfolio-item:nth-child(8n+7) {}
.portfolio-type-packery.cols-4 .portfolio-item:nth-child(8n+8) {}
.portfolio-type-packery.cols-4 .portfolio-item:nth-child(8n+9) {}
.portfolio-type-packery.cols-3 .portfolio-item:nth-child(8n+2),
.portfolio-type-packery.cols-3 .portfolio-item:nth-child(8n+8) {
width: 66.66666%;
}
.portfolio-type-packery.cols-3 .portfolio-item:nth-child(8n+3) {}
.portfolio-type-packery.cols-3 .portfolio-item:nth-child(8n+4) {}
.portfolio-type-packery.cols-3 .portfolio-item:nth-child(8n+5) {}
.portfolio-type-packery.cols-3 .portfolio-item:nth-child(8n+6) {
width: 66.6666%;
}
.portfolio-type-packery.cols-3 .portfolio-item:nth-child(8n+6) .a-img {
padding-bottom: 50%;
}
.portfolio-type-packery.cols-3 .portfolio-item:nth-child(8n+7) {}
.portfolio-type-packery.cols-3 .portfolio-item:nth-child(8n+8) {}
.portfolio-type-packery.cols-3 .portfolio-item:nth-child(8n+9) {}
.portfolio-type-packery.cols-2 .portfolio-item:nth-child(8n+2) {}
.portfolio-type-packery.cols-2 .portfolio-item:nth-child(8n+3) {}
.portfolio-type-packery.cols-2 .portfolio-item:nth-child(8n+3) .a-img,
.portfolio-type-packery.cols-2 .portfolio-item:nth-child(8n+4) .a-img,
.portfolio-type-packery.cols-2 .portfolio-item:nth-child(8n+5) .a-img,
.portfolio-type-packery.cols-2 .portfolio-item:nth-child(8n+7) .a-img,
.portfolio-type-packery.cols-2 .portfolio-item:nth-child(8n+8) .a-img,
.portfolio-type-packery.cols-2 .portfolio-item:nth-child(8n+9) .a-img {
padding-bottom: 50%;
}
.portfolio-type-packery.cols-2 .portfolio-item:nth-child(8n+4) {}
.portfolio-type-packery.cols-2 .portfolio-item:nth-child(8n+5) {}
.portfolio-type-packery.cols-2 .portfolio-item:nth-child(8n+6) {}
.portfolio-type-packery.cols-2 .portfolio-item:nth-child(8n+7) {}
.portfolio-type-packery.cols-2 .portfolio-item:nth-child(8n+8) {}
.portfolio-type-packery.cols-2 .portfolio-item:nth-child(8n+9) {}
.portfolio-item .locked {
position: absolute;
top: 50%;
left: 50%;
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
opacity: 0;
visibility: hidden;
z-index: 1;
font-size: 40px;
}
.portfolio-item:hover .locked {
opacity: 1;
visibility: visible;
}
.portfolio-item .locked i {
display: block;
}
.owl-carousel .portfolio-item {
margin: 0;
}
.portfolio-item .a-img {
position: relative;
z-index: 1;
}
.portfolio-item.with-video .a-img:before {
content: "\e955";
font-family: 'multimedia-icons' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
top: 10px;
right: 10px;
}
.portfolio-item .a-img img {
display: block;
width: auto;
}
.portfolio-item .a-img:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
opacity: 0;
visibility: hidden;
background: rgba(0, 0, 0, 0.5);
}
.portfolio-type-packery .portfolio-item .a-img:after {
left: 15px;
right: 15px;
bottom: 30px;
}
.portfolio-type-packery .portfolio-item .a-img {
padding-bottom: 100%;
display: block;
}
.portfolio-item:hover .a-img:after {
opacity: 1;
visibility: visible;
}
.portfolio-item .a-img div {
padding-bottom: 61.42857142857143%;
background-size: cover;
background-position: 50%;
}
.portfolio-type-packery .portfolio-item .a-img div {
position: absolute;
top: 0;
left: 15px;
right: 15px;
bottom: 30px;
padding: 0;
}
.portfolio-type-horizontal .portfolio-item .a-img div {
width: 600px;
}
.portfolio-item .content {
position: absolute;
left: 15px;
right: 15px;
z-index: 2;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
overflow: hidden;
}
.portfolio-item .content h5 {
margin: 0;
position: relative;
}
.portfolio-item .content p {
font-size: 14px;
font-style: inherit;
margin: 11px 0 0;
line-height: 1.5em;
}
.portfolio-item > a {
position: absolute;
top: 0;
left: 15px;
right: 15px;
bottom: 0;
z-index: 3;
}
.portfolio-item .content-links {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
text-align: center;
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 7;
}
.portfolio-item .content-links a {
text-decoration: none;
width: 55px;
height: 55px;
display: inline-block;
vertical-align: middle;
box-shadow: inset 0 0 0 1px;
font-size:  1.5em;
border-radius: 50%;
line-height: 55px;
margin: 0 15px;
opacity: 0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.portfolio-item .content-links a:hover {
box-shadow: inset 0 0 0 3px;
}
.portfolio-item .content-links a:first-of-type {
-moz-transform: translate(-100%, 0%);
-ms-transform: translate(-100%, 0%);
-webkit-transform: translate(-100%, 0%);
-o-transform: translate(-100%, 0%);
transform: translate(-100%, 0%);
}
.portfolio-item .content-links a:last-of-type {
-moz-transform: translate(100%, 0%);
-ms-transform: translate(100%, 0%);
-webkit-transform: translate(100%, 0%);
-o-transform: translate(100%, 0%);
transform: translate(100%, 0%);
}
.portfolio-item:hover .content-links a {
opacity: 1;
-moz-transform: translate(0%, 0%);
-ms-transform: translate(0%, 0%);
-webkit-transform: translate(0%, 0%);
-o-transform: translate(0%, 0%);
transform: translate(0%, 0%);
}
.portfolio-item .content-links a i {
display: block;
line-height: 55px;
}
.portfolio-type-horizontal {
margin: 30px 0 !important;
}
.portfolio-type-horizontal .owl-prev,
.portfolio-type-horizontal .owl-next {
position: absolute;
top: 50%;
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-o-transform: translate(0%, -50%);
transform: translate(0%, -50%);
font-size: 22px;
}
.portfolio-type-horizontal .owl-prev {
left: -35px;
}
.portfolio-type-horizontal .owl-next {
right: -35px;
}
.portfolio-item .pi-w {
position: relative;
}
.portfolio-item .pi-w a {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 2;
}
.portfolio-item .pi-bottom {
padding-top: 17px;
position: relative;
}
.portfolio-item .pi-bottom .h {
position: relative;
font-size: 14px;
padding-left: 35px;
padding-right: 15px;
font-weight: bold;
line-height: 16px;
white-space: nowrap;
overflow: hidden;
margin-right: 30px;
}
.portfolio-item .pi-bottom .h .num {
width: 25px;
border-right: 2px solid #000;
font-weight: bold;
color: #a2a2a2;
font-size: 12px;
line-height: 16px;
position: absolute;
left: 0;
top: 0;
}
.portfolio-item .pi-bottom .b {
position: absolute;
right: -3px;
top: 17px;
font-weight: bold;
font-size: 19px;
color: #a2a2a2;
line-height: 16px;
width: 16px;
text-align: center;
cursor: pointer;
}
.portfolio-item .pi-bottom .b:before {
content: "+";
}
.portfolio-item .p-content,
.portfolio-slider .item .p-content {
background: #2D3142;
color: #fff;
padding: 25px 35px 60px 35px;
position: absolute;
top: 0;
left: 15px;
right: 15px;
bottom: 0;
z-index: 2;
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
transition: all 0.6s ease;
-moz-transform: translate(0%, 105%);
-ms-transform: translate(0%, 105%);
-webkit-transform: translate(0%, 105%);
-o-transform: translate(0%, 105%);
transform: translate(0%, 105%);
}
.portfolio-item.active .p-content,
.portfolio-slider .item .p-content.active,
.portfolio-slider-style2 .portfolio-slider .item .p-content.active {
-moz-transform: translate(0%, 0%);
-ms-transform: translate(0%, 0%);
-webkit-transform: translate(0%, 0%);
-o-transform: translate(0%, 0%);
transform: translate(0%, 0%);
}
.portfolio-item .p-content .close,
.portfolio-slider .item .p-content .close {
width: 12px;
height: 12px;
position: absolute;
top: 15px;
right: 15px;
cursor: pointer;
}
.portfolio-item .p-content .close:before,
.portfolio-item .p-content .close:after,
.portfolio-slider .item .p-content .close:before,
.portfolio-slider .item .p-content .close:after {
content: "";
display: block;
width: 7px;
height: 2px;
position: absolute;
top: 50%;
left: 50%;
box-shadow: inset 0 0 0 5px;
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
-webkit-transform-origin: 0 0;
-o-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.portfolio-item .p-content .close:hover:after,
.portfolio-slider .item .p-content .close:hover:after {
-moz-transform: rotate(135deg) translate(-50%, -50%);
-ms-transform: rotate(135deg) translate(-50%, -50%);
-webkit-transform: rotate(135deg) translate(-50%, -50%);
-o-transform: rotate(135deg) translate(-50%, -50%);
transform: rotate(135deg) translate(-50%, -50%);
width: 12px;
}
.portfolio-item .p-content .close:hover:before,
.portfolio-slider .item .p-content .close:hover:before {
-moz-transform: rotate(45deg) translate(-50%, -50%);
-ms-transform: rotate(45deg) translate(-50%, -50%);
-webkit-transform: rotate(45deg) translate(-50%, -50%);
-o-transform: rotate(45deg) translate(-50%, -50%);
transform: rotate(45deg) translate(-50%, -50%);
width: 12px;
}
.portfolio-item .p-content .w,
.portfolio-slider .item .p-content .w {
height: 100%;
overflow: hidden;
}
.portfolio-item .p-content h5,
.portfolio-slider .item .p-content h5 {
margin: 0;
}
.portfolio-item .p-content .date,
.portfolio-slider .item .p-content .date {
font-size:  10px;
font-weight: bold;
margin: 10px 0;
}
.portfolio-item .p-content p,
.portfolio-slider .item .p-content p {
font-size:  12px;
line-height: 24px;
margin: 10px 0;
}
.portfolio-item .p-content .link,
.portfolio-slider .item .p-content .link {
font-size:  12px;
font-weight: bold;
position: absolute;
bottom: 20px;
left: 35px;
}
.load-items-area {
display: none !important;
}
.load-button {
margin: 0 0 40px;
overflow: hidden;
width: 100%;
}
.portfolio-slider-wrap {
position: relative;
min-height: 460px;
}
.portfolio-slider-style2 {
overflow: hidden;
}
.portfolio-slider-style3 {
padding: 0 65px;
}
.portfolio-slider-style2 .social-buttons {
position: absolute;
left: 145px;
bottom: 30px;
margin-left: 0;
z-index: 2;
}
.portfolio-slider-wrap .banner-social-buttons {}
.portfolio-slider-style3 .banner-social-buttons {
margin-top: -35px;
}
.portfolio-slider-wrap .categories {
float: left;
font-size:  14px;
font-weight: 600;
margin-left: 115px;
}
.portfolio-slider-wrap .categories .cell {
padding: 20px 0;
}
.portfolio-slider-wrap .categories.with-button .cell {
padding-bottom: 130px;
}
.portfolio-slider-wrap .categories .button-style1 {
position: absolute;
bottom: 55px;
padding: 20px 25px;
line-height: 15px;
}
.portfolio-slider-wrap .categories .item {
margin: 20px 0;
}
.portfolio-slider-wrap .categories .item a {
display: block;
text-decoration: none;
opacity: .5;
}
.portfolio-slider-wrap .categories .item a:hover {
opacity: 1;
}
.portfolio-slider, .portfolio-slider.owl-carousel.owl-loaded {
margin-left: 285px;
margin-right: 115px;
width: auto;
}
.portfolio-slider-style2 .portfolio-slider, 
.portfolio-slider-style2 .portfolio-slider.owl-carousel.owl-loaded, 
.portfolio-slider-style3 .portfolio-slider.owl-carousel.owl-loaded {
margin: 0;
}
.portfolio-slider .owl-nav {
position: absolute;
bottom: 0;
right: -10px;
color: #fff;
width: 65px;
}
.portfolio-slider-style2 .portfolio-slider .owl-nav {
left: 86px;
right: auto;
margin-left: 0;
bottom: 80px;
}
.portfolio-slider-style3 .portfolio-slider .owl-nav {
right: auto;
left: 50%;
margin-left: 506px;
bottom: 18px;
}
.portfolio-slider .owl-nav div {
width: 55px;
height: 55px;
line-height: 55px;
text-align: center;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.portfolio-slider-style3 .portfolio-slider .owl-nav div {
width: 30px;
height: 30px;
float: left;
margin-left: 2px;
line-height: 30px;
font-size: 8px;
}
.portfolio-slider .owl-nav div:hover {
opacity: .8;
}
.portfolio-slider .owl-nav .owl-next {
position: absolute;
bottom: 55px;
background: #0054fc;
}
.portfolio-slider-style2 .portfolio-slider .owl-nav .owl-next,
.portfolio-slider-style3 .portfolio-slider .owl-nav .owl-next {
position: relative;
bottom: 0;
}
.portfolio-slider-style2 .portfolio-slider .owl-nav .owl-prev {
margin-bottom: 4px;
}
.portfolio-slider-style2 .portfolio-slider .owl-nav div,
.portfolio-slider-style3 .portfolio-slider .owl-nav div {
background: #0452fc;
}
.portfolio-slider .item {
position: relative;
overflow: hidden;
}
.portfolio-slider-style2 .portfolio-slider .item {
padding: 0 40px;
padding-bottom: 80px;
}
.portfolio-slider-style3 .portfolio-slider .item {
}
.portfolio-slider-style2 .portfolio-slider .item .container {
padding: 0 15px; width: 85vw;
}
.portfolio-slider-style3 .portfolio-slider .item .s-bottom {}
.portfolio-slider .item .b-date {
position: absolute;
bottom: 30px;
right: 55px;
font-style:  italic;
color: #a2a2a2;
font-size: 12px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.portfolio-slider .owl-item .b-date {
opacity: 0;
visibility: hidden;
}
.portfolio-slider .owl-item.active .b-date {
opacity: 1;
visibility: visible;
}
.portfolio-slider .item .a-img {
position: relative;
margin-left: 0;
overflow: hidden;
}
.portfolio-slider-style1 .item .a-img {
margin-left: 60px;
}
.portfolio-slider-style3 .portfolio-slider .item .a-img {
margin: 0;
}
.portfolio-slider .item .a-img div {
position: absolute;
top: -5px;
left: -5px;
right: -5px;
bottom: -5px;
background-size: cover;
background-position: 50%;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.portfolio-slider-style2 .item .a-img div {
-webkit-filter: blur(4px);
-moz-filter: blur(4px);
-ms-filter: blur(4px);
-o-filter: blur(4px);
filter: blur(4px);
}
.portfolio-slider .owl-item.active.center .item .a-img div {
-webkit-filter: blur(0);
-moz-filter: blur(0);
-ms-filter: blur(0);
-o-filter: blur(0);
filter: blur(0);
}
.portfolio-slider .item .bottom {
padding: 19px 15px;
}
.portfolio-slider .item .bottom .cat {
display: inline-block;
vertical-align: middle;
margin-right: 35px;
padding-top: 2px;
}
.portfolio-slider .item .bottom .cat a {
margin-right: 10px;
display: inline-block;
vertical-align: middle;
text-decoration: none;
font-size:  10px;
text-transform:  uppercase;
font-weight:  bold;
padding: 4px 15px;
margin-bottom: 2px;
background: #0054fc;
color: #fff;
}
.portfolio-slider .item .bottom .cat a:last-of-type {
margin-right: 0;
}
.portfolio-slider .item .h {
font-weight: bold;
font-size: 14px;
position: absolute;
left: 18px;
top: 0;
border-top: 2px solid;
width: 20px;
text-align: center;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.portfolio-slider-style2 .item .h {
opacity: 0;
visibility: hidden;
}
.portfolio-slider .owl-item.active.center .item .h {
opacity: 1;
visibility: visible;
}
.portfolio-slider-style3 .portfolio-slider .item .h {
position: relative;
left: 0;
border-top: 0;
border-left: 2px solid;
display: inline-block;
vertical-align: middle;
width: auto;
text-align: left;
padding-left: 25px;
}
.portfolio-slider-style2 .portfolio-slider .item .h {
left: -20px;
}
.portfolio-slider .item .h .num {
font-size:  12px;
color: #a2a2a2;
margin: 30px 0 10px;
}
.portfolio-slider-style3 .portfolio-slider .item .h .num {
margin: 0 25px 0 0;
display: inline-block;
vertical-align: middle;
}
.portfolio-slider .item .h span {
width: 600px;
display: block;
text-align: left;
line-height: 20px;
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
-moz-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
-webkit-transform-origin: 0% 100%;
-o-transform-origin: 0% 100%;
transform-origin: 0% 100%;
white-space: nowrap;
}
.portfolio-slider .item .h span a {
text-decoration: none;
}
.portfolio-slider-style3 .portfolio-slider .item .h span {
display: inline-block;
vertical-align: middle;
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
overflow: hidden;
width: auto;
}
.portfolio-slider .item .button {
font-size: 25.35px;
position: absolute;
top: 0;
right: 0;
width: 55px;
line-height: 55px;
height: 55px;
cursor: pointer;
background: #0353fc;
text-align: center;
color: #fff;
font-weight: bold;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
z-index: 1;
}
.portfolio-slider .owl-item.active.center .item .button {
opacity: 1;
visibility: visible;
}
.portfolio-slider-style2 .portfolio-slider .item .button {
top: 20px;
right: 35px;
opacity: 0;
visibility:  hidden;
}
.portfolio-slider .item .button:hover {
opacity: .8;
}
.portfolio-slider .item .p-content {
right: 0;
left: auto;
width: 340px;
top: 0;
bottom: auto;
-moz-transform: translate(100%, -100%);
-ms-transform: translate(100%, -100%);
-webkit-transform: translate(100%, -100%);
-o-transform: translate(100%, -100%);
transform: translate(100%, -100%);
padding: 40px 35px 60px;
}
.portfolio-slider-style2 .portfolio-slider .item .p-content {
top: 20px;
right: 35px;
-moz-transform: translate(0%, -120%);
-ms-transform: translate(0%, -120%);
-webkit-transform: translate(0%, -120%);
-o-transform: translate(0%, -120%);
transform: translate(0%, -120%);
}
.portfolio-slider .item .p-content .link {
bottom: 30px;
}
.portfolio-slider .item .p-content .close {
top: 13px;
right: 13px;
width: 30px;
height: 30px;
}
.portfolio-slider .item .p-content .close:before,
.portfolio-slider .item .p-content .close:after {
width: 12px;
height: 3px;
}
.portfolio-slider .item .p-content .close:hover:before,
.portfolio-slider .item .p-content .close:hover:after {
width: 15px
}
.portfolio-slider-wrap .next-slide {
position: absolute;
bottom: 0;
right: 0;
height: 110px;
width: 115px;
background-size: cover;
background-position: 50%;
cursor: pointer;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.portfolio_hover_type_2 .portfolio-item .content {
bottom: 15px;
}
.portfolio_hover_type_2 .portfolio-item .content h5 {
display: inline-block;
padding: 0 15px 0 20px;
-moz-transform: translate(-100%, 0%);
-ms-transform: translate(-100%, 0%);
-webkit-transform: translate(-100%, 0%);
-o-transform: translate(-100%, 0%);
transform: translate(-100%, 0%);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.portfolio_hover_type_2 .portfolio-item .content h5:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 9px;
background: #ff723a;
z-index: -1;
opacity: 0.7;
-moz-transform: translate(-100%, 0%);
-ms-transform: translate(-100%, 0%);
-webkit-transform: translate(-100%, 0%);
-o-transform: translate(-100%, 0%);
transform: translate(-100%, 0%);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.portfolio_hover_type_2 .portfolio-item:hover .content h5,
.portfolio_hover_type_2 .portfolio-item:hover .content h5:after {
-moz-transform: translate(0%, 0%);
-ms-transform: translate(0%, 0%);
-webkit-transform: translate(0%, 0%);
-o-transform: translate(0%, 0%);
transform: translate(0%, 0%);
}
.portfolio_hover_type_2 .portfolio-item .content p,
.portfolio_hover_type_3 .portfolio-item .a-img:after,
.portfolio_hover_type_6 .portfolio-item .a-img:after,
.portfolio_hover_type_5 .portfolio-item .content p,
.portfolio_hover_type_7 .portfolio-item .content p,
.portfolio_hover_type_8 .portfolio-item .content p,
.portfolio_hover_type_9 .portfolio-item .content p {
display: none;
}
.portfolio_hover_type_3 .portfolio-item .content,
.portfolio_hover_type_6 .portfolio-item .content {
top: 50%;
text-align: center;
background: #fff;
background: rgba(255, 255, 255, 0.9);
color: #000;
left: 45px;
right: 45px;
border: 1px solid #ff723a;
box-shadow: 0 0 0 6px #fff;
padding: 35px 15px;
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-o-transform: translate(0%, -50%);
transform: translate(0%, -50%);
opacity: 0;
visibility: hidden;
}
.portfolio_hover_type_3 .portfolio-item:hover .content,
.portfolio_hover_type_6 .portfolio-item:hover .content {
opacity: 1;
visibility: visible;
}
.portfolio_hover_type_3 .portfolio-item .content h5:after {
background: #000;
}
.portfolio_hover_type_4 .portfolio-item .content {
bottom: 15px;
border-left: 0 solid #ff723a;
padding: 3px 0;
padding-left: 15px;
}
.portfolio_hover_type_4 .portfolio-item:hover .content {
border-left: 9px solid #ff723a;
}
.portfolio_hover_type_4 .portfolio-item .content h5,
.portfolio_hover_type_4 .portfolio-item .content p,
.portfolio_hover_type_5 .portfolio-item .content h5 {
-moz-transform: translate(-110%, 0);
-ms-transform: translate(-110%, 0);
-webkit-transform: translate(-110%, 0);
-o-transform: translate(-110%, 0);
transform: translate(-110%, 0);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.portfolio_hover_type_4 .portfolio-item:hover .content h5,
.portfolio_hover_type_4 .portfolio-item:hover .content p,
.portfolio_hover_type_5 .portfolio-item:hover .content h5 {
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
.portfolio_hover_type_4 .portfolio-item .content h5:after {
background: #ff723a;
margin: 10px 0;
}
.portfolio_hover_type_5 .portfolio-item .content {
top: 15px;
padding-left: 30px;
}
.portfolio_hover_type_5 .portfolio-item:hover .content {}
.portfolio_hover_type_5 .portfolio-item .content h5 {}
.portfolio_hover_type_5 .portfolio-item .content h5:before {
content: "";
position: absolute;
top: 50%;
left: -30px;
width: 17px;
height: 10px;
background: #ff723a;
margin-top: -5px;
}
.portfolio_hover_type_5 .portfolio-item:hover .content h5 {}
.portfolio_hover_type_5 .portfolio-item .content h5 span {
opacity: 0.2;
font-size: 36px;
vertical-align: bottom;
margin-right: 5px;
}
.portfolio_hover_type_6 .portfolio-item .content {
background: #000;
background: rgba(0, 0, 0, 0.9);
color: #fff;
box-shadow: 0 0 0 6px #000;
}
.portfolio_hover_type_6 .portfolio-item .content h5:after {
background: #ff723a;
}
.portfolio_hover_type_7 .portfolio-item .content {
top: 50%;
text-align: center;
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-o-transform: translate(0%, -50%);
transform: translate(0%, -50%);
overflow: inherit;
}
.portfolio_hover_type_7 .portfolio-item .content h5 {
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.portfolio_hover_type_7 .portfolio-item:hover .content h5 {
opacity: 1;
visibility: visible;
}
.portfolio_hover_type_7 .portfolio-item .content h5:after,
.portfolio_hover_type_7 .portfolio-item .content h5:before {
content: "";
width: 1px;
height: 25px;
background: #ff723a;
position: absolute;
left: 50%;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
-ms-transition-delay: 0s;
transition-delay: 0s;
-moz-transform: rotate(90deg) scale(0);
-ms-transform: rotate(90deg) scale(0);
-webkit-transform: rotate(90deg) scale(0);
-o-transform: rotate(90deg) scale(0);
transform: rotate(90deg) scale(0);
}
.portfolio_hover_type_7 .portfolio-item .content h5:after {
bottom: -40px;
}
.portfolio_hover_type_7 .portfolio-item .content h5:before {
top: -40px;
}
.portfolio_hover_type_7 .portfolio-item:hover .content h5:after,
.portfolio_hover_type_7 .portfolio-item:hover .content h5:before {
-moz-transform: rotate(0deg) scale(1);
-ms-transform: rotate(0deg) scale(1);
-webkit-transform: rotate(0deg) scale(1);
-o-transform: rotate(0deg) scale(1);
transform: rotate(0deg) scale(1);
-webkit-transition-delay: 0.3s;
-moz-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
-ms-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.portfolio_hover_type_8 .portfolio-item .content,
.portfolio_hover_type_9 .portfolio-item .content {
bottom: 10px;
text-align: center;
}
.portfolio_hover_type_8 .portfolio-item .content h5,
.portfolio_hover_type_9 .portfolio-item .content h5 {
display: inline-block;
padding: 0 15px;
opacity: 0;
visibility: hidden;
max-width: 90%;
}
.portfolio_hover_type_8 .portfolio-item:hover .content h5,
.portfolio_hover_type_9 .portfolio-item:hover .content h5 {
opacity: 1;
visibility: visible;
}
.portfolio_hover_type_8 .portfolio-item .content h5:after,
.portfolio_hover_type_8 .portfolio-item .content h5:before,
.portfolio_hover_type_9 .portfolio-item .content h5:after,
.portfolio_hover_type_9 .portfolio-item .content h5:before {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
content: "";
position: absolute;
top: 50%;
width: 4px;
height: 4px;
background: #ff723a;
border-radius: 50%;
margin-top: -2px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
-ms-transition-delay: 0s;
transition-delay: 0s;
}
.portfolio_hover_type_8 .portfolio-item .content h5:after,
.portfolio_hover_type_9 .portfolio-item .content h5:after {
right: -30px;
}
.portfolio_hover_type_8 .portfolio-item .content h5:before,
.portfolio_hover_type_9 .portfolio-item .content h5:before {
left: -30px;
}
.portfolio_hover_type_8 .portfolio-item:hover .content h5:after,
.portfolio_hover_type_9 .portfolio-item:hover .content h5:after {
right: 0;
-webkit-transition-delay: 0.3s;
-moz-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
-ms-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.portfolio_hover_type_8 .portfolio-item:hover .content h5:before,
.portfolio_hover_type_9 .portfolio-item:hover .content h5:before {
left: 0;
-webkit-transition-delay: 0.3s;
-moz-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
-ms-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.portfolio_hover_type_9 .portfolio-item .content h5 {
padding: 0 40px;
}
.portfolio_hover_type_9 .portfolio-item .content h5:after,
.portfolio_hover_type_9 .portfolio-item .content h5:before {
width: 25px;
height: 1px;
border-radius: 0;
margin: 0;
} .portfolio-split-screen-wrap {
position: relative;
min-height: 490px;
}
.portfolio-split-screen-wrap .social-buttons {
color: #9f9f9f;
position: absolute;
bottom: 20px;
right: 20px;
z-index: 2;
}
.portfolio-split-screen-wrap .social-buttons a {
display: inline-block;
text-decoration:  none;
margin: 0 0 0 25px;
}
.portfolio-split-screen-wrap .social-buttons a:hover {
color: #000;
}
.portfolio-split-screen-wrap .social-buttons a i.icon-t1 {
display: block;
}
.portfolio-split-screen-wrap .social-buttons a i.icon-t2 {
display: none;
}
.portfolio-split-screen-wrap .social-buttons a span {
display: none;
}
.portfolio-split-screen {
position: relative;
width: 100%;
background: #fff;
}
.site-dark .portfolio-split-screen {
background: #151314;
}
.portfolio-split-screen .item {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0; overflow: hidden;
}
.portfolio-split-screen .item.active {
z-index: 2;
}
.portfolio-split-screen .img {
float: left;
width: 50%;
background-position: 50%;
background-size: cover;
-moz-transform: translate(-100%, 0%);
-ms-transform: translate(-100%, 0%);
-webkit-transform: translate(-100%, 0%);
-o-transform: translate(-100%, 0%);
transform: translate(-100%, 0%);
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
transition: all 0.6s ease;
}
.portfolio-split-screen .slider {}
.portfolio-split-screen .slider .slider-item {
background-size: cover;
background-position: 50%;
}
.portfolio-split-screen .slider .owl-dots {
position: absolute;
bottom: 15px;
left: 20px;
}
.portfolio-split-screen .slider .owl-dots .owl-dot {}
.portfolio-split-screen .slider .owl-dots .owl-dot.active,
.portfolio-split-screen .slider .owl-dots .owl-dot:hover {}
.portfolio-split-screen .content {
float: left;
width: 50%;
padding-left: 55px;
}
.portfolio-split-screen .content .cell {
padding: 30px 0;
}
.portfolio-split-screen .content h2 {
max-width: 485px;
}
.portfolio-split-screen .top-content {
-moz-transform: translate(0%, -100%);
-ms-transform: translate(0%, -100%);
-webkit-transform: translate(0%, -100%);
-o-transform: translate(0%, -100%);
transform: translate(0%, -100%);
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
transition: all 0.6s ease;
}
.portfolio-split-screen .top-content a {
text-decoration: none;
}
.portfolio-split-screen .bottom-content {
-moz-transform: translate(0%, 100%);
-ms-transform: translate(0%, 100%);
-webkit-transform: translate(0%, 100%);
-o-transform: translate(0%, 100%);
transform: translate(0%, 100%);
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
transition: all 0.6s ease;
}
.portfolio-split-screen .active .img,
.portfolio-split-screen .active .top-content,
.portfolio-split-screen .active .bottom-content {
-moz-transform: translate(0%, 0%);
-ms-transform: translate(0%, 0%);
-webkit-transform: translate(0%, 0%);
-o-transform: translate(0%, 0%);
transform: translate(0%, 0%);
transition-delay: .8s;
}
.portfolio-split-screen .categories {
margin: 15px 0 20px;
}
.portfolio-split-screen .categories > * {
display: inline-block;
vertical-align: middle;
}
.portfolio-split-screen .categories .n {
font-weight: bold;
}
.portfolio-split-screen .categories a {
font-size:  10px;
text-decoration: none;
text-transform:  uppercase;
font-weight: bold;
background: #0054fc;
color: #fff;
padding: 4px 15px;
margin: 3px 0;
margin-left: 8px;
}
.portfolio-split-screen .date {
font-size:  12px;
color: #9f9f9f;
font-weight: 600;
margin: 15px 0;
}
.portfolio-split-screen p {
font-size: 0.875em;
line-height: 1.714em;
color: #3c3c3c;
max-width: 510px;
}
.site-dark .portfolio-split-screen p {
color: #b0b0b0;
}
.portfolio-split-screen .link {
text-transform:  none;
padding: 0 15px;
}
.portfolio-split-screen .link > * {
display: inline-block;
vertical-align: middle;
}
.portfolio-split-screen .link i {
color: #0353fc;
margin-left: 8px;
font-size: 13px;
}
.portfolio-split-screen-wrap .portfolio-navigation {
position: absolute;
top: 50%;
right: 0;
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-o-transform: translate(0%, -50%);
transform: translate(0%, -50%);
color: #9f9f9f;
width: 50%;
text-align: right;
z-index: 2;
}
.portfolio-split-screen-wrap .portfolio-navigation:before {
content: "";
width: 15px;
height: 2px;
background: #000;
position: absolute;
top: 50%;
left: 55px;
margin-top: -1px;
}
.site-dark .portfolio-split-screen-wrap .portfolio-navigation:before {
background: #fff;
}
.portfolio-split-screen-wrap .portfolio-navigation .numbers {
display: inline-block;
vertical-align: middle;
position: relative;
z-index: 2;
}
.portfolio-split-screen-wrap .portfolio-navigation .numbers .num {
display: inline-block;
vertical-align: middle;
font-size:  12px;
font-weight: bold;
margin-right: 20px;
cursor: pointer;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.portfolio-split-screen-wrap .portfolio-navigation .numbers .num.active,
.portfolio-split-screen-wrap .portfolio-navigation .numbers .num:hover {
color: #0054fc;
}
.portfolio-split-screen-wrap .portfolio-navigation .arrows {
display: inline-block;
vertical-align: middle;
width: 190px;
padding-left: 70px;
text-align: center;
position: relative;
}
.portfolio-split-screen-wrap .portfolio-navigation .arrows:after {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 100%;
background: #9f9f9f;
height: 1px;
}
.portfolio-split-screen-wrap .portfolio-navigation .arrows .prev,
.portfolio-split-screen-wrap .portfolio-navigation .arrows .next {
margin: 50px 0;
cursor: pointer;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.portfolio-split-screen-wrap .portfolio-navigation .arrows .prev:hover,
.portfolio-split-screen-wrap .portfolio-navigation .arrows .next:hover {
color: #000;
}
.portfolio-split-screen-wrap .portfolio-navigation .arrows .prev {}
.portfolio-split-screen-wrap .portfolio-navigation .arrows .next {} .filter-button-group,
.category-buttons {
margin: 25px 0;
font-weight: 500;
}
.portfolio-slider-style2 .category-buttons {
margin: 20px auto 45px;
padding-right: 135px;
}
.header_container-fluid .portfolio-slider-style2 .category-buttons {
width: 100%;
}
.filter-button-group button,
.filter-button-group a,
.category-buttons a {
border: none;
background: none;
color: inherit;
text-decoration: none;
line-height: normal;
font-size: 12px;
color: inherit;
position: relative;
padding: 0;
z-index: 102;
}
.filter-button-group button:not(:last-of-type):before,
.filter-button-group a:not(:last-of-type):before,
.category-buttons a:not(:last-of-type):before {
content: "/";
position: absolute;
right: -18px;
top: 1px;
}
.filter-button-group button span,
.filter-button-group a span,
.category-buttons a span {
position: relative;
z-index: 1;
}
.filter-button-group button.active span,
.filter-button-group a.active span,
.category-buttons a.active span {
color: #0054fc;
}
.filter-button-group.tac button,
.filter-button-group.tac a,
.category-buttons.tac a {
margin: 0 15px 0;
}
.filter-button-group.tal button:not(:last-of-type),
.filter-button-group.tal a:not(:last-of-type),
.category-buttons.tal a:not(:last-of-type) {
margin-right: 30px;
}
.filter-button-group.tar button:not(:first-of-type),
.filter-button-group.tar a:not(:first-of-type),
.category-buttons.tar a:not(:first-of-type) {
margin-left: 30px;
}
.filter-button-group button:after,
.filter-button-group a:after,
.category-buttons a:after {
content: "";
color: #0054fc;
box-shadow: inset 0 -1px 0 0;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 9px;
z-index: 0;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.filter-button-group button.active:after,
.filter-button-group a.active:after,
.category-buttons a.active:after {
opacity: .5;
visibility: visible;
}
.filter-button-group button:not(.active):hover,
.category-buttons a:not(.active):hover {
color: inherit;
} .footer-social-button {
font-size: 14px;
text-align: center;
background: #e8e8e8;
padding: 17px 0;
text-transform: lowercase;
}
.site-dark .footer-social-button {
background: #111111;
}
.footer-social-button a {}
.footer-social-button a i {} .pagination {
margin: 30px -5px;
padding: 0;
}
.post-items + .pagination {
margin: 10px 0 50px;
}
.post-content .pagination {
margin-top: 0;
}
.blog-items + .pagination {
margin-top: 0;
}
.woocommerce + .pagination {
margin-top: 5px;
}
.pagination > span,
.pagination > a {
display: inline-block;
vertical-align: middle;
min-width: 35px;
line-height: 35px;
height: 35px;
border: 1px solid;
border-radius: 20px;
text-align: center;
margin: 0 5px;
}
.pagination .current {
border-color: #0054fc;
}
.pagination i {
display: block;
line-height: 33px;
font-size: 0.8em;
}
.pagination a {
text-decoration: none;
} .testimonials {}
.testimonials .item .quote {
font-weight: 300;
font-style: italic;
line-height: 1.875em;
position: relative;
margin-bottom: 45px;
}
.testimonials .item .bottom {
position: relative;
padding: 10px 0;
padding-left: 60px;
}
.testimonials .item .bottom:before {
content: "“";
position:  absolute;
top: 15px;
left: 0;
font-size: 4.875em;
line-height: 0.8em;
font-weight: bold;
}
.testimonials .item .bottom h6 {
margin: 0 0 5px;
font-size:  1em;
text-transform:  uppercase;
font-weight: normal;
}
.testimonials .item .bottom .post {
font-size:  11px;
font-weight: normal;
}
.testimonials .owl-nav {
margin-left: -3px;
margin-top: 50px;
}
.testimonials .owl-prev,
.testimonials .owl-next {
display: inline-block;
vertical-align: middle;
margin: 0 3px;
width: 60px;
height: 60px;
border: 1px solid;
text-align: center;
line-height: 58px;
}
.testimonials .owl-prev {}
.testimonials .owl-next {} .testimonials-type2 {
margin: 0 30px;
}
.testimonials-type2.owl-carousel.owl-loaded {
margin: 32px 0 65px;
}
.testimonials-type2 .item {
background: #f8f8f8;
text-align: center;
padding: 35px 30px;
}
.site-dark .testimonials-type2 .item {
background: #000;
}
.testimonials-type2 .item .image {
width: 85px;
margin: 0 auto 20px;
border-radius: 50%;
background-size: cover;
background-position: 50%;
}
.testimonials-type2 .item .image:before {
content: "";
display: block;
padding-bottom: 100%;
}
.testimonials-type2 .item .quote {
font-size: 12px;
line-height: 2em;
}
.testimonials-type2 .item h6 {
font-size:  1em;
text-transform:  uppercase;
margin: 20px 0 5px;
}
.testimonials-type2 .item .post {
font-size:  11px;
font-style:  italic;
}
.testimonials-type2 .owl-nav {
position: absolute;
right: -8px;
top: -45px;
}
.testimonials-type2 .owl-prev,
.testimonials-type2 .owl-next {
display: inline-block;
vertical-align: middle;
margin: 0 5px;
}
.testimonials-type2 .owl-prev {}
.testimonials-type2 .owl-next {}
.testimonials-type2 .owl-dots {
position: absolute;
left: 0;
right: 0;
bottom: -44px;
text-align: center;
}
.testimonials-type2 .owl-dots .owl-dot,
.portfolio-split-screen .slider .owl-dot {
width: 12px;
height: 12px;
display: inline-block;
vertical-align: middle;
background: #d7d7d7;
border-radius: 50%;
margin: 0 3px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.testimonials-type2 .owl-dots .owl-dot.active,
.portfolio-split-screen .slider .owl-dot.active {
background: #2463fc;
} .skill-item {
margin-bottom: 35px;
font-size: 0.875em;
}
.skill-item.size-normal {
margin-bottom: 20px;
font-size: 0.750em;
}
.skill-item .chart {
position: relative;
display: inline-block;
font-size: 20px;
text-align: center;
margin-bottom: 5px;
}
.skill-item .chart figcaption {
padding: 0;
width: 60px;
height: 60px;
line-height: 60px;
font-size: 12px;
font-weight: 500;
}
.skill-item .chart svg {
position: absolute;
top: 0;
left: 0;
}
.skill-item .chart .outer {
fill: transparent;
stroke: #0054fc;
stroke-width: 2px;
stroke-dasharray: 534;
stroke-dashoffset: 535;
transition: stroke-dashoffset 1s;
-webkit-animation-play-state: running;
-moz-transform: rotate(-89deg) translateX(-190px);
}
.skill-item .line {
background: #dfdfdf;
}
.site-dark .skill-item .line {
background: #777;
}
.skill-item .line div {
background: #0054fc;
height: 15px;
position: relative;
width: 0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.skill-item.size-normal .line div {
height: 10px;
}
.skill-item .line div span {
position: absolute;
right: 0;
top: -28px;
font-weight: bold;
}
.skill-item h6 {
font-size: 1em;
text-transform: uppercase;
margin: 10px 0;
}
.skill-item p {
font-size: 12px;
font-weight: 300;
line-height: 1.333em;
margin: 0;
} .price-list {
margin: 30px -15px 0;
}
.price-list.owl-carousel.owl-loaded {
margin: 30px 0;
}
.price-list .item {
color: #000;
text-align: center;
border: 1px solid #e3e3e3;
background: #fcfcfc;
margin-bottom: 30px;
}
.site-dark .price-list .item {
color: #fff;
background: #000;
border-color: #818181;
}
.price-list.owl-carousel .item {
margin-bottom: 0;
}
.price-list .item .top {
color: #fff;
position: relative;
z-index: 1;
background-size: cover;
background-position: 50%;
}
.price-list .item .top:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #313131;
z-index: -1;
opacity: .6;
filter: alpha(opacity=60);
}
.price-list .item .h {
position: absolute;
background: #2D3142;
top: 0;
left: 50%;
font-size:  12px;
text-transform:  uppercase;
font-weight: bold;
padding: 6px 17px;
-moz-transform: translate(-50%, 0%);
-ms-transform: translate(-50%, 0%);
-webkit-transform: translate(-50%, 0%);
-o-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
}
.price-list .item .cell {
height: 180px;
width: 10000px;
}
.price-list .item .price {
font-size:  5.000em;
font-weight: bold;
padding-top: 30px;
}
.price-list .item .wrap {
padding: 0 0;
max-width: 260px;
margin: 0 auto;
width: 95%;
}
.price-list .item .wrap .desc {
font-size:  12px;
color: #8b8b8b;
line-height: 1.500em;
padding: 30px 0 17px;
font-weight: 400;
}
.price-list .item .wrap .options {
font-size: 14px;
font-weight: 500;
margin-top: 13px;
}
.price-list .item .wrap .o-row {
border-bottom: 1px solid #d1d1d1;
padding: 13px 0;
}
.price-list .item .wrap .o-row:last-of-type {
border-bottom: none;
}
.price-list .item .button-style1 {
margin: 14px 0 30px;
}
.price-list .owl-nav {
position: absolute;
right: -8px;
top: -43px;
}
.price-list .owl-prev,
.price-list .owl-next {
display: inline-block;
vertical-align: middle;
margin: 0 5px;
}
.price-list .owl-prev {}
.price-list .owl-next {} .blog-items {}
.blog-items.s {
margin-top: 25px;
}
.blog-item {
margin-bottom: 30px;
}
.owl-carousel .blog-item {
margin-bottom: 0;
}
.blog-item .heading {
line-height: 1em;
margin: 0 0 15px;
}
.blog-item h5.heading {
font-size: 20px;
}
.blog-item .heading a {
text-decoration: none;
}
.blog-item .date {
font-size:  12px;
color: #c9c9c9;
font-weight: 500;
margin: 15px 0;
}
.blog-item .categories {}
.blog-item .categories a {
font-size: 10px;
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
background: #0054fc;
color: #fff;
padding: 5px 15px;
margin-right: 8px;
vertical-align: middle;
display: inline-block;
margin-bottom: 5px;
}
.blog-item .categories a:last-of-type {
margin-right: 0;
}
.blog-item {}
.blog-item.sticky {
}
.grid-type1 {}
.grid-type1 .wrap {
background: #fff;
border: 1px solid #f0f0f0;
}
.site-dark .grid-type1 .wrap {
background: #000;
border-color: #3f3f3f;
color: #fff;
}
.grid-type1 .top-wrap {
padding: 45px 30px 25px;
overflow: hidden;
}
.grid-type1 .img {
float: left;
width: 190px;
}
.grid-type1 .img a {
display: block;
padding-bottom:  100%;
background-size: cover;
background-position: 50%;
border-radius: 50%;
}
.grid-type1 .content {
overflow: hidden;
}
.grid-type1 .img + .content {
margin-left: 230px;
}
.grid-type1 .categories {
margin-bottom: 15px;
margin-top: 10px;
}
.grid-type1 .heading {}
.grid-type1 .content-area {
padding: 0 40px 25px;
}
.grid-type1 .date {}
.grid-type1 .desc {}
.grid-type1 .button-readmore {
margin-top: 15px;
}
.grid-type1 .bottom {
border-top: 1px solid #f0f0f0;
padding: 25px 30px 7px;
text-align: justify;
overflow: hidden;
font-size:  12px;
text-transform:  uppercase;
}
.site-dark .grid-type1 .bottom {
border-color: #3f3f3f;
}
.grid-type1 .bottom:after {
content: "";
display: inline-block;
width: 100%;
}
.grid-type1 .bottom .col {
display: inline-block;
vertical-align: middle;
margin-right: 15px;
}
.grid-type1 .bottom .col:last-of-type {
margin-right: 0;
}
.grid-type1 .bottom .col * {
display: inline-block;
vertical-align: middle;
}
.grid-type1 .bottom .col a {
text-decoration: none;
}
.grid-type1 .bottom .col i {
font-size:  14px;
margin-right: 5px;
}
.grid-type1 .bottom .col span {}
.grid-type2 {}
.grid-type2 .wrap {
padding: 40px 25px;
background: #fff;
overflow: hidden;
border: 1px solid #f0f0f0;
}
.site-dark .grid-type2 .wrap {
background: #000;
border-color: #3f3f3f;
}
.grid-type2 .img,
.horizontal-type1 .img {
border-radius: 50%;
overflow: hidden;
width: 115px;
float: left;
}
.grid-type2 .img a,
.horizontal-type1 .img a {
display: block;
padding-bottom: 100%;
background-position: 50%;
background-size: cover;
}
.grid-type2 .content {
overflow: hidden;
}
.grid-type2 .img + .content {
margin-left: 135px;
}
.grid-type2 .date {
color: #b8b8b8;
margin-bottom:  0;
}
.grid-type3 {
position: relative;
text-align: center;
color: #fff;
}
.grid-type3:before {
content: "";
display: block;
padding-bottom: 58%;
}
.grid-type3 .img {
position: absolute;
top: 0;
left: 15px;
right: 15px;
bottom: 0;
overflow: hidden;
}
.grid-type3 .img div {
background-size: cover;
background-position: 50%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
transition: all 0.6s ease;
}
.grid-type3:hover .img div {
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.grid-type3 .img:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
background: #000;
opacity: .3;
filter: alpha(opacity=30);
}
.grid-type3 .content {
position: absolute;
top: 50%;
left: 15px;
right: 15px;
z-index: 2;
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-o-transform: translate(0%, -50%);
transform: translate(0%, -50%);
}
.grid-type3 .heading {
padding: 0 15px;
}
.grid-type3 .date {}
.grid-type3 .categories {}
.horizontal-type1 {}
.horizontal-type1.search {
width: 100%;
}
.horizontal-type1 .wrap {
background: #fff;
color: #000;
border: 1px solid #f0f0f0;
padding: 30px 30px 0;
position: relative;
}
.horizontal-type1.search .wrap {
padding-top: 15px;
}
.blog-item.sticky .wrap {
background: #fcfcfc;
}
.site-dark .horizontal-type1 .wrap {
background: #000;
color: #fff;
border-color: #3f3f3f;
}
.horizontal-type1 .img {
width: 190px;
position: absolute;
top: 50%;
left: 30px;
margin-top: -95px;
}
.s .horizontal-type1 .img {
top: 125px;
}
.horizontal-type1 .content {
overflow: hidden;
min-height: 230px;
padding-bottom: 65px;
position: relative;
}
.horizontal-type1.search .content {
min-height: auto;
padding-bottom: 15px;
}
.horizontal-type1 .img + .content {
margin-left: 225px;
}
.horizontal-type1 .categories {
margin-bottom: 15px;
}
.horizontal-type1 .heading {
margin: 0 0 5px;
}
.horizontal-type1 .date {
color: #b8b8b8;
margin: 10px 0;
}
.horizontal-type1 .date .sticky-a {
display: inline-block;
margin-right: 10px;
}
.horizontal-type1 .desc {
font-size: 14px;
line-height: 1.714em;
margin-top: 10px;
}
.horizontal-type1 .bottom {
border-top: 1px solid #f0f0f0;
color: #3c3c3c;
overflow: hidden;
line-height: 35px;
padding: 7px 0;
margin-top: 15px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.site-dark .horizontal-type1 .bottom {
border-color: #3f3f3f;
color: #a8a8a8;
}
.button-readmore {
text-decoration: none;
font-size:  14px;
font-weight: bold;
display: inline-block;
}
.button-readmore:hover {
color: #0353fc;
}
.button-readmore i {
color: #0054fc;
font-size: 0.8em;
margin-left: 15px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
position: relative;
left: 0;
}
.button-readmore:hover i {
left: 5px;
}
.horizontal-type1 .bottom .col {
float: left;
font-size:  12px;
text-transform:  uppercase;
margin-right: 25px;
cursor: default;
}
.horizontal-type1 .bottom .col:last-of-type {
margin-right: 0;
}
.horizontal-type1 .bottom .col i,
.horizontal-type1 .bottom .col span {
display: inline-block;
vertical-align: middle;
}
.horizontal-type1 .bottom .col i {
margin-right: 5px;
font-size: 14px;
}
.horizontal-type1 .bottom .col a {
text-decoration: none;
}
.horizontal-type1 .bottom .col a:hover {
color: #0353fc;
}
.horizontal-type2 {margin-bottom: 50px;}
.horizontal-type2 .wrap {
position: relative;
padding-left: 70px;
min-height: 250px;
}
.horizontal-type2:nth-child(even) .wrap {
padding-left:  0;
padding-right: 70px;
}
.horizontal-type2 .side-c {
position: absolute;
left: 15px;
font-size:  12px;
text-transform:  uppercase;
border-left: 2px solid;
top: -19px;
padding-left: 25px;
white-space: nowrap;
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
-moz-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
-webkit-transform-origin: 0 100%;
-o-transform-origin: 0 100%;
transform-origin: 0 100%;
}
.horizontal-type2:nth-child(even) .side-c {
left: auto;
right: 34px;
top: 0;
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
-moz-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
-webkit-transform-origin: 100% 0;
-o-transform-origin: 100% 0;
transform-origin: 100% 0;
border-left: 0;
border-right: 2px solid;
}
.horizontal-type2 .side-c * {
display: inline-block;
vertical-align: middle;
}
.horizontal-type2 .side-c .col { margin-right: 25px;
}
.horizontal-type2 .side-c .col a {
text-decoration: none;
}
.horizontal-type2 .side-c .col i {
font-size: 14px;
margin-right: 5px;
}
.horizontal-type2 .side-c .col span {}
.horizontal-type2  .img {
position: absolute;
top: 0;
left: 70px;
bottom: 0;
width: 390px;
z-index: 1;
overflow: hidden;
}
.horizontal-type2:nth-child(even) .img {
left: auto;
right: 70px;
}
.horizontal-type2  .img > a {
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-size: cover;
background-position: 50%;
z-index: -1;
}
.horizontal-type2 .categories {
position: absolute;
top: 15px;
right: 15px;
}
.horizontal-type2 .content {
margin-left: 420px;
padding: 20px 0;
max-width: 440px;
}
.horizontal-type2:nth-child(even) .content {
margin-left:  0;
margin-right: 420px;
float: right;
}
.horizontal-type2 .content .date {}
.horizontal-type2 .content .desc {
margin-bottom: 15px;
font-size: 14px;
line-height: 1.714em;
}
.horizontal-type2 .content .button-readmore {} .subscribe-form {
max-width: 500px;
position: relative;
}
.tac .subscribe-form {
margin: 0 auto;
}
.coming-soon .subscribe-form {
margin: 0 auto;
}
.subscribe-form .ajax-loader {
display: none !important;
}
.subscribe-form .button-style1 {
float: right;
border: none;
background: none;
font-size: 11px;
padding: 7px 15px;
font-weight: 500;
text-transform: uppercase;
position: absolute;
top: 0;
right: 0;
background: #a9a9a9;
}
.text-white .subscribe-form .button-style1 {
background: #fff;
color: #000000;
}
.subscribe-form.type2 {
margin-bottom: 60px !important;
}
.subscribe-form.type2 .button-style1 {
background: #2463fc;
font-size: 18px;
padding: 0 0;
width: 47px;
line-height: 43px;
}
.subscribe-form .button-submit i {
display: inline-block;
vertical-align: middle;
margin-top: -0.3em;
margin-right: 1em;
line-height: 26px;
height: 28px;
width: 28px;
border: 1px solid;
border-radius: 50%;
}
.subscribe-form > div {
margin-right: 110px;
}
.subscribe-form.type2 > div {
margin-right: 0;
}
.subscribe-form .style1 {
margin-bottom: 0 !important;
padding: 5px 0;
height: 30px;
opacity: 0.7;
border: none;
border-bottom: 1px solid;
}
.text-white .subscribe-form .style1 {
opacity: 1;
}
.subscribe-form.type2 .style1 {
border: 1px solid;
padding: 0 15px;
height: 43px;
line-height: 41px;
font-size: 16px;
background: rgba(0, 0, 0, 0.20);
opacity: 1;
}
.subscribe-form p {
margin: 0 !important;
} .countdownHolder {
margin: 1em 0 0;
font-size: 16px;
}
.countdownHolder.medium {
margin-bottom: 30px;
}
.countdownHolder > * {
display: inline-block;
vertical-align: middle;
text-align: center;
}
.countdownHolder > *:not(:last-of-type) {
margin: 0 65px 0 0;
}
.countdownHolder .position {
display: inline-block;
overflow: hidden;
position: relative;
width: 0.66em;
font-size: 7.500em;
margin: 0 -0.05em;
height: 1em;
line-height: 1em;
font-weight: 600;
margin-right: 0.05em;
vertical-align: middle;
}
.countdownHolder.medium .position {
font-size: 6.250em;
}
.countdownHolder .digit { width: 100%;
text-align: center;
letter-spacing: -1px;
line-height: 1;
position: absolute;
left: 0;
}
.countdownHolder .name {
display: block;
font-size: 1.500em;
margin-top: 0;
vertical-align: middle;
font-weight: 600;
}
.countdownHolder.medium .name {
font-size: 0.875em;
}
.countdownHolder .digit.static { }
.countdownHolder .countDiv {
display: none;
width: 16px;
height: 1.6em;
position: relative;
}
.countdownHolder .countDiv:before,
.countdownHolder .countDiv:after {
position: absolute;
width: 5px;
height: 5px;
background-color: #444;
border-radius: 50%;
left: 50%;
margin-left: -3px;
top: 0.5em;
box-shadow: 1px 1px 1px rgba(4, 4, 4, 0.5);
content: '';
}
.countdownHolder .countDiv:after {
top: 0.9em;
} .site-content {
font-weight: 300;
}
.pt-portfolio {
padding-top: 45px;
}
.single .pt-portfolio {
padding-top: 0;
}
.portfolio-item.pt-portfolio {
padding-top: 0;
color: #fff;
}
.project-horizontal .pt-portfolio {
padding: 0;
}
.site-content .date {
font-size: 14px;
font-weight: 500;
color: #0054fc;
margin: 30px 0;
}
.post-items .site-content .date {
margin: 0 0 0;
}
.site-content .date .sticky-a {
display: inline-block;
margin-right: 15px;
}
.pt-portfolio .site-content .date {
margin: 0;
}
.pt-portfolio .site-content .h3 {
margin-bottom: 10px;
}
.post-banner {
margin-top: -30px;
margin-bottom: 30px;
background-size: cover;
background-position: 50%;
position: relative;
color: #fff;
z-index: 1;
}
.post-banner:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #000;
opacity: .4;
filter: alpha(opacity=40);
}
.post-banner .cell {
height: 485px;
}
.post-banner .h {}
.post-banner .date {
font-weight: 600;
}
.post-img {
text-align: center;
margin-bottom: 20px;
}
.post-img img {
display: list-item;
}
.post-content {
font-size: 14px;
line-height: 2.143em;
}
.post-content img {
margin-bottom: 10px;
}
.post-content p {
line-height: 2.143em;
}
.post-bottom {
overflow: hidden;
border-top: 1px solid #323232;
padding: 20px 0;
font-size:  12px;
text-transform:  uppercase;
}
.post-items .post-bottom {
border-bottom: 1px solid #323232;
margin-top: 20px;
}
.post-bottom .col {
display: inline-block;
margin-right: 20px;
vertical-align: middle;
margin: 4px 15px 4px 0;
}
.post-bottom .col * {
display: inline-block;
vertical-align: middle;
}
.post-bottom .col i {
font-size:  16px;
margin-right: 5px;
}
.post-bottom .col a {
text-decoration: none;
}
.post-bottom .zilla-likes {
float: left;
text-decoration: none;
background: #FF715B;
font-size: 12px;
padding: 5px 10px;
color: #fff;
}
.post-bottom .zilla-likes * {
display: inline-block;
vertical-align: middle;
}
.post-bottom .zilla-likes i {
margin-right: 5px;
}
.post-nav {margin: 35px 0 0;}
.post-bottom .post-nav {
float: right;
margin: 3px 0;
}
.post-nav a {
background: #282828;
color: #fff;
text-decoration: none;
padding: 2px 10px;
display: inline-block;
vertical-align: middle;
}
.post-nav a > * {
display: inline-block;
vertical-align: middle;
}
.post-nav a:hover {}
.post-nav a.prev {}
.post-nav a.next {}
.post-nav a > * {
display: inline-block;
vertical-align: middle;
}
.post-nav a span {
font-size: 10px;
font-weight: bold;
text-transform:  uppercase;
}
.post-nav a i {
position: relative;
z-index: 1;
font-size: 9px;
}
.post-nav a i + span {
margin-left: 3px;
}
.project-page-slider {
padding-right: 50%;
margin-right: 30px;
}
.project-catogories {}
.project-catogories > * {
display: inline-block;
vertical-align: middle;
}
.project-catogories .label {
font-weight: bold;
margin-right: 5px;
}
.project-catogories a {
font-size:  10px;
text-transform:  uppercase;
text-decoration: none;
font-weight: bold;
background: #0054fc;
color: #fff;
line-height: 23px;
padding: 0 15px;
margin-left: 8px;
}
.project-details {
margin: 30px 0;
}
.project-details .item {
overflow: hidden;
line-height: 24px;
margin: 10px 0;
}
.project-details .item > * {
display: inline-block;
vertical-align: middle;
}
.project-details .item i {
color: #0054fc;
width: 20px;
text-align: center;
}
.project-details .item .label {
font-size:  16px;
color: #3c3c3c;
font-weight: bold;
margin-left: 20px;
min-width: 110px;
}
.project-details .item .value {
font-size:  14px;
color: #9f9f9f;
font-weight: 500;
}
.project-page-ma {}
.project-page-ma .project-catogories {
margin: 30px 0 20px;
}
.project-page-ma .post-content {
float: left;
max-width: 555px;
margin-bottom: 20px;
}
.project-page-ma .post-content.full {
max-width: 100%;
}
.project-page-ma .project-details {
margin: 0 0 0 30px;
float: left;
} .comments-area {
margin-bottom: 40px;
}
.comment-items-wrap {
margin-top: 25px;
margin-bottom: 40px;
}
.comment-items {
margin: 0;
padding: 0;
}
.comment-items .comment-item {
display: block;
position: relative;
margin-bottom: 0;
padding-bottom: 25px;
border-bottom: 1px solid #e6e6e6;
margin-bottom: 25px;
}
.comment-items .comment-item .comment-respond {
background: #f8f8f8;
padding: 15px 25px;
border-radius: 3px;
margin-left: 105px;
margin-top: 20px;
}
.comment-items .comment-item .comment-respond > h5 {
margin-top: 0;
}
.comment-items .comment-item .comment-respond #cancel-comment-reply-link {
float: right;
font-size: 12px;
text-transform:  uppercase;
text-decoration: underline;
}
.comment-items .comment-item:last-of-type { }
.comment-items .comment-item .image {
float: left;
width: 80px;
background-size: cover;
}
.comment-items .comment-item .image:after {
content: "";
display: block;
padding-bottom: 100%;
}
.comment-items .comment-item .text {
position: relative;
min-height: 80px;
overflow: hidden;
}
.comment-items .comment-item .image + .text {
margin-left: 105px;
}
.comment-items .comment-item .text > h6 {
margin: 0px 0 10px;
font-weight: bold;
border-bottom: 1px solid #e6e6e6;
padding: 5px 0;
}
.comment-items .comment-item .text .date {
font-size: 10px;
font-weight: bold;
color: #0054fc;
display: inline-block;
vertical-align: middle;
}
.comment-items .comment-item .text .content {
line-height: 1.875em;
padding: 0;
font-size: 0.875em;
font-weight: 300;
}
.comment-items .comment-item .button-style4 {
position: absolute;
top: 3px;
right: 0;
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
color: #b2b2b2;
}
.comment-items .children {
margin: 0;
padding: 0 0 0 40px;
border-bottom: 1px solid #eaeaea;
}
.comment-items .children:last-of-type {
border-bottom: none;
}
.comment-items .comment-item + .children {
margin-top: -1px;
position: relative; }
.comment-items .children .comment-item {}
.comment-items .children .comment-item + .comment-item { }
.comment-items .children .comment-item:not(:first-of-type):before {
display: none;
}
.comment-form {
overflow: hidden;
}
.comment-respond {
margin-bottom: 20px;
}
.comment-item .heading-decor {
text-align: left;
margin-top: 0;
}
.comment-item .heading-decor small {
font-size:  0.5em;
float: right;
}
.comment-respond .style1 {} .post-gallery-masonry {
margin-bottom: -30px;
margin-top: 0;
}
.post-gallery-masonry > div {
padding-bottom: 30px;
}
.post-gallery-masonry img {
display: block;
}
.post-gallery-masonry.grid a {
display: block;
padding-bottom: 100%;
background-size: cover;
background-position: 50%;
}
.project-slider {
}
.project-slider.owl-carousel.owl-loaded {
position: fixed;
top: 0;
bottom: 0;
left: 50%;
right: 0;
z-index: 10;
}
.admin-bar .project-slider.owl-carousel.owl-loaded {
top: 32px;
}
.project-slider-carousel {
margin-bottom: 60px !important;
}
.project-slider .item {
text-align: center;
background-size: cover;
background-position: 50%;
position: relative;
}
.project-slider .item a {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.fixed-img .project-slider .item {
background-size: cover;
background-position: 50%;
height: 100vh;
}
.project-slider .item .cell {
height: 590px;
width: 1800px;
}
.project-slider .item img {
margin: 0 auto;
width: auto;
display: inline-block;
vertical-align: middle;
}
.project-slider-carousel .item {
padding-bottom: 100%;
background-size: cover;
background-position: 50%;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.project-slider .owl-nav {
display: none;
}
.project-slider .owl-dots {
position: absolute;
left: 25px;
bottom: 15px;
}
.project-slider .owl-dot {
display: inline-block;
vertical-align: middle;
width: 10px;
height: 10px;
background: #fff;
border-radius: 50%;
margin-right: 8px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.project-slider .owl-dot.active {
background: #0054fc;
}
.project-horizontal {
position: relative;
padding-left: 420px;
min-height: 600px;
}
.project-horizontal .content {
position: absolute;
left: 130px;
top: 50%;
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-o-transform: translate(0%, -50%);
transform: translate(0%, -50%);
z-index: 2;
}
.project-horizontal .content .date {
max-width: 430px;
}
.project-horizontal .content .text {
max-width: 260px;
font-size: 14px;
font-weight: 300;
line-height: 1.714em;
}
.project-horizontal-slider {}
.project-horizontal-slider img {
width: auto;
display: block;
min-height: 600px;
}
.project-horizontal-slider a {
text-decoration: none;
font-size: 18px;
font-weight: bold;
}
.project-horizontal-slider a * {
display: inline-block;
vertical-align: middle;
}
.project-horizontal-slider a i {
margin: 0 10px;
}
.project-horizontal-slider .owl-nav {
position: absolute;
bottom: -32px;
right: 0;
}
.project-horizontal-slider .owl-prev,
.project-horizontal-slider .owl-next {
display: inline-block;
margin: 0 5px;
vertical-align: middle;
}
.project-horizontal-slider .owl-stage {
min-width: 10000000px;
}
.project-horizontal-img {
min-height: 600px;
background-position: 50%;
background-size: contain;
background-repeat: no-repeat;
} .video-block {
color: #fff;
}
.video-block.black {
color: #000;
}
.video-block a {
display: block;
text-decoration: none;
background-size: cover;
background-color: #232323;
background-position: 50%;
padding-bottom: 55%;
position: relative;
border-radius: 5px;
}
.video-block a:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #000;
opacity: .55;
filter: alpha(opacity=55);
}
.video-block.fix-height a {
padding: 0;
}
.video-block a .cell {
text-align: center;
width: 10000px;
padding: 0 30px;
position: relative;
z-index: 1;
}
.video-block a > div .h {
margin-bottom: 0.7em;
font-size: 2.250em;
font-weight: bold;
line-height: 1em;
}
.video-block a i {
font-size: 2.000em;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
width: 2.500em;
line-height: 2.500em;
text-align: center;
border: 1px solid;
display: inline-block;
border-radius: 50%;
text-indent: 0.3em;
}
.video-block a i:before {} .jquery-background-video-wrapper {
position: relative;
overflow: hidden;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
}
.jquery-background-video {
position: absolute;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
top: 50%;
left: 50%;
-o-object-fit: contain;
object-fit: contain;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.js .jquery-background-video.is-visible {
opacity: 1;
}
.jquery-background-video-pauseplay {
position: absolute;
background: transparent;
border: none;
box-shadow: none;
width: 20px;
height: 20px;
top: 15px;
right: 15px;
padding: 0;
cursor: pointer;
outline: none !important;
}
.jquery-background-video-pauseplay span {
display: none;
}
.jquery-background-video-pauseplay:after,
.jquery-background-video-pauseplay:before {
content: "";
position: absolute;
left: 0;
top: 0;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.jquery-background-video-pauseplay.play:before {
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 15px solid #FFF;
}
.jquery-background-video-pauseplay.pause:before,
.jquery-background-video-pauseplay.pause:after {
border-top: 10px solid #FFF;
border-bottom: 10px solid #FFF;
border-left: 5px solid #FFF;
}
.jquery-background-video-pauseplay.pause:after {
left: 10px;
} .team-items {}
.team-items.owl-carousel.owl-loaded {
margin: 30px 0;
}
.team-item {
margin-bottom: 30px;
}
.owl-carousel .team-item {
margin-bottom: 0;
}
.team-item {}
.team-item .wrap {}
.team-item .image {
position: relative;
background-position:  50%;
background-size: cover;
text-align: center;
color: #fff;
margin-bottom: 25px;
overflow: hidden;
}
.team-item .image:before {
content: "";
display: block;
padding-bottom: 100%;
background: #2D3142;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
opacity: 0;
filter: alpha(opacity=0);
}
.team-item .image:hover:before {
opacity: .7;
filter: alpha(opacity=70);
}
.team-item .image .top {
position: absolute;
left: 0;
top: 11.6%;
width: 100%;
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-o-transform: translate(0%, -50%);
transform: translate(0%, -100px);
}
.team-item .team-social-buttons {
position: absolute;
top: 50%;
left: 0;
width: 100%;
font-size:  12px;
margin-top: -9px;
opacity: 0;
filter: alpha(opacity=0);
visibility: hidden;
}
.team-item .image:hover .team-social-buttons {
opacity: 1;
visibility: visible;
filter: alpha(opacity=0);
}
.team-item .team-social-buttons a {
margin: 0 15px;
}
.team-item .image .bottom {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
font-size:  14px;
font-style: italic;
line-height: 1.714em;
min-height: 90px;
padding: 0 15px 15px;
-moz-transform: translate(0%, 250px);
-ms-transform: translate(0%, 250px);
-webkit-transform: translate(0%, 250px);
-o-transform: translate(0%, 250px);
transform: translate(0%, 250px);
}
.team-item .name {
text-transform:  uppercase;
font-weight: 600;
margin-bottom: 5px;
}
.team-item .post {
font-size:  11px;
font-weight: 500;
}
.team-item .image .top, 
.team-item .team-social-buttons,
.team-item .image .bottom {
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
transition: all 0.6s ease;
}
.team-item .image:hover .top, 
.team-item .image:hover .team-social-buttons, 
.team-item .image:hover .bottom {
-moz-transform: translate(0%, 0%);
-ms-transform: translate(0%, 0%);
-webkit-transform: translate(0%, 0%);
-o-transform: translate(0%, 0%);
transform: translate(0%, 0%);
}
.team-item .image:hover .team-social-buttons {
transition-delay: .3s;
}
.team-item .image:hover .bottom {
transition-delay: .6s;
}
.team-items .owl-nav {
position: absolute;
top: -70px;
right: -10px;
}
.team-items .owl-prev,
.team-items .owl-next {
display: inline-block;
vertical-align: middle;
font-size: 18px;
margin: 0 5px;
}
.team-items .owl-prev {}
.team-items .owl-next {} .category-items {}
.category-items .item {
position: relative;
background-size: cover;
background-position: 50%;
overflow: hidden;
color: #000;
}
.category-items .item.white {
color: #fff;
}
.category-items .item:before {
content: "";
position: absolute;
top:  0;
left: 0;
right: 0;
bottom: 0;
background: #000;
opacity: .2;
filter: alpha(opacity=20);
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
transition: all 0.6s ease;
}
.category-items .item:hover:before {
opacity: .4;
filter: alpha(opacity=40);
}
.category-items .item .h {
margin: 0;
position: absolute;
bottom: 110px;
left: 50%;
-moz-transform: translate(-50%, 0%);
-ms-transform: translate(-50%, 0%);
-webkit-transform: translate(-50%, 0%);
-o-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
padding-right: 0.8em;
}
.category-items .item .h:after {
content: "\e90b";
font-family: 'base-icons' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 0.4em;
position: absolute;
right: 0;
top: 50%;
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-o-transform: translate(0%, -50%);
transform: translate(0%, -50%);
}
.category-items .item a {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 2;
}
.category-items .owl-nav {
position: absolute;
bottom: 20px;
left: 25px;
}
.category-items .owl-nav > * {
display: inline-block;
vertical-align: middle;
margin: 0 5px;
}
.category-items .owl-dots {
right: 15px;
} .category-items-t2-wrap {}
.category-items-t2 {}
.category-items-t2.owl-carousel.owl-loaded {
margin: 10px 0;
}
.category-items-t2 .owl-item {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
opacity: 0;
visibility: hidden;
}
.category-items-t2 .owl-item.active {
opacity: 1;
visibility: visible;
}
.category-items-t2 .item {
position: relative;
width: 370px;
}
.category-items-t2 .item .num {
position: absolute;
top: 0;
left: 25px;
color: #ebebeb;
font-size: 9.375em;
font-weight: bold;
line-height: 0.7em;
z-index: 2;
}
.category-items-t2 .item .img {
-moz-transform: skew(-15deg);
-ms-transform: skew(-15deg);
-webkit-transform: skew(-15deg);
-o-transform: skew(-15deg);
transform: skew(-15deg);
-moz-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
-webkit-transform-origin: 0% 100%;
-o-transform-origin: 0% 100%;
transform-origin: 0% 100%;
overflow: hidden;
}
.category-items-t2 .item .img div {
height: 510px;
background-size: cover;
background-position: 50%;
-moz-transform: rotate(15deg);
-ms-transform: rotate(15deg);
-webkit-transform: rotate(15deg);
-o-transform: rotate(15deg);
transform: skew(15deg);
margin: 0 -70px 0 -70px;
}
.category-items-t2 .item .h {
position: absolute;
bottom: 0;
left: 40px;
text-transform:  uppercase;
}
.category-items-t2 .item.white .h {
color: #fff;
margin: 0;
padding-bottom: 20px;
}
.category-items-t2 .item .h a {
text-decoration: none;
}
.category-items-t2 .owl-nav {
position: absolute;
top: -165px;
right: 38px;
}
.category-items-t2 .owl-nav div {
width: 57px;
height: 57px;
line-height: 57px;
background: #0054fc;
text-align: center;
color: #fff;
float: left;
margin: 0 2px;
}
.category-items-t3 {
margin: 75px -15px 0;
}
.category-cols-2 {}
.category-items-t3 .item {
margin-bottom: 75px;
position: relative;
padding-left: 95px;
min-height: 260px;
}
.category-cols-2 > div:nth-child(2) {
margin-top: 165px;
}
.category-cols-3 > div:nth-child(2) {
margin-top: 65px;
}
.category-cols-3 > div:nth-child(3) {
margin-top: 35px;
}
.category-items-t3 .item .img {}
.category-items-t3 .item .img img {}
.category-items-t3 .item .text {
position: absolute;
left: 0;
top: 30px;
}
.category-items-t3 .item .h {
line-height: 1em;
}
.category-items-t3 .item .button-style2 {} .si-img {
padding-left: 45px;
width: 100%;
}
.si-img .top {
font-weight: bold;
color: #dfdfdf;
margin-left: -45px;
margin-bottom: 15px;
}
.si-img .num {
float: left;
font-size: 9.375em;
line-height: 0.73em;
}
.si-img .text {
font-size:  1.500em;
text-transform:  uppercase;
line-height: 1em;
}
.si-img .img {
background-size: cover;
background-position: 50%;
}
.si-img .img:after {
content: "";
display: block;
padding-bottom: 100%;
} .tabs {}
.tabs .tabs-head {
float: left;
border-bottom: 2px solid #dfdfdf;
color: #cbcbcb;
font-size: 14px;
font-weight: bold;
margin-bottom: 25px;
}
.tabs .tabs-head .item {
float: left;
padding: 5px 10px;
margin-right: 15px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
cursor: pointer;
}
.tabs .tabs-head .item:last-of-type {
margin-right: 0;
}
.tabs .tabs-head .item.active-tab {
color: #0054fc;
box-shadow: 0 2px 0;
}
.tabs .tabs-body {
overflow: hidden;
width: 100%;
}
.tabs .tabs-body .item {
display: none;
}
.tabs .tabs-body .item .text {
font-size:  14px;
line-height: 2.143em;
margin-bottom: 15px;
}
.tabs .tabs-body .item .button-style2 {} .icon-box {
margin-bottom: 30px;
}
.icon-box .top {
position: relative;
padding-left: 55px;
margin-bottom: 15px;
}
.icon-box .icon {
float: left;
font-size: 2.000em;
color: #0453fb;
width: auto;
height: auto;
line-height: 1em;
margin: 0;
vertical-align: middle;
overflow: hidden;
position: absolute;
left: 0;
top: 50%;
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-o-transform: translate(0%, -50%);
transform: translate(0%, -50%);
}
.icon-box h6 {
display: block;
overflow: hidden;
margin: 0;
font-weight: 600;
}
.icon-box h6 .cell {
height: 32px;
}
.icon-box .desc {
font-size:  12px;
line-height: 2.000em;
}
.icon-box-style2 {
margin: 30px 0;
overflow: hidden;
}
.icon-box-style2 .icon {
float: left;
background: #f8f8f8;
width: 88px;
line-height: 88px;
text-align: center;
border-radius: 50%;
font-size: 25px;
color: #0c5cfb;
}
.site-dark .icon-box-style2 .icon {
background: #292929;
}
.icon-box-style2 .text {}
.icon-box-style2 .icon + .text {
margin-left: 125px;
overflow: hidden;
}
.icon-box-style2 h5 {
margin: 10px 0 5px;
}
.icon-box-style2 .desc {
font-family: "Source Sans Pro";
opacity: .5;
}
.icon-box-style3 {
text-align: center;
padding: 45px 20px 35px;
margin-bottom: 30px;
}
.icon-box-style3 .icon {
background: #fff;
width: 70px;
line-height: 70px;
color: #0054fc;
margin: 0 auto;
border-radius: 50%;
font-size: 1.6em;
margin-bottom: 1em;
}
.icon-box-style3 .text {}
.icon-box-style3 .text h6 {
text-transform: uppercase;
font-size: 1em;
margin: 0 0 1em;
}
.icon-box-style3 .text .desc {
font-size:  12px;
line-height: 2.000em;
} .number-box {
margin: 0 0 30px;
border: 1px solid #eeeeee;
text-align: center;
padding: 20px 15px;
}
.site-dark .number-box {
border-color: #4c4c4c;
}
.number-box .icon {
color: #0f5efc;
font-size: 1.375em;
}
.number-box .num {
font-size: 2.250em;
font-weight: bold;
}
.number-box .desc {
opacity: .5;
font-size: 0.875em;
} .accordion-items {
border-top: 1px solid #e4e4e4;
margin: 30px 0;
}
.accordion-items .item {
border-bottom: 1px solid #e4e4e4;
}
.accordion-items .item .top {
font-weight: 500;
padding-right: 25px;
position: relative;
}
.accordion-items .item .top .t {
position: absolute;
right: -2px;
top: 50%;
width: 12px;
height: 12px;
cursor: pointer;
margin-top: -6px;
}
.accordion-items .item .top .t:before,
.accordion-items .item .top .t:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 8px;
height: 2px;
box-shadow: inset 0 0 0 5px;
margin: -1px 0 0 -4px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.accordion-items .item .top .t:after {
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.accordion-items .item.active .top .t:after {
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.accordion-items .item .top .cell {
height: 47px;
padding: 5px 0;
}
.accordion-items .item .wrap {
font-size: 12px;
line-height: 2em;
margin: 0 0 15px;
display: none;
} .about-widget {
overflow: hidden;
margin: 20px 0 35px;
}
.about-widget .img {
float: left;
background-size: cover;
background-position: 50%;
width: 130px;
height: 130px;
border-radius: 50%;
}
.about-widget .img + .text {
margin-left: 150px;
}
.about-widget .text {
font-size:  12px;
line-height: 2em;
}
.about-widget .text p {
margin-top: 0;
}
.about-widget .text p:last-of-type {
margin-bottom:  0;
} .social-buttons-widget {
margin-bottom: 40px;
} .blog-post-widget {
margin: 25px 0 40px;
}
.blog-post-widget .item {
overflow: hidden;
margin-bottom: 25px;
}
.blog-post-widget .item .image {
float: left;
width: 78px;
height: 78px;
background-size: cover;
background-position: 50%;
border-radius: 50%;
}
.blog-post-widget .item .text {}
.blog-post-widget .item .image + .text {
margin-left: 100px;
}
.blog-post-widget .item .text .cell {
height: 78px;
padding: 5px 0;
}
.blog-post-widget .item .name {
font-size: 14px;
text-decoration: none;
font-weight: 500;
line-height: 1.286em;
display: block;
}
.blog-post-widget .item .blog-detail {
color: #b8b8b8;
font-size: 12px;
font-weight: 500;
margin-top: 5px;
} .site-footer {
background: #3c3c3c;
color: #fff;
font-size: 14px;
padding: 20px 0;
font-weight: 300;
}
.header_type_side .site-footer {
padding-left: 230px;
}
.pt-portfolio-template-default .site-footer {
margin-top: 40px;
}
.site-dark .site-footer {
background: #232323;
}
.site-footer .copyright {
font-size: 12px;
} .site-footer .logo {
font-size: 1.584em;
font-weight: bold;
}
.site-footer .logo a {
display: table-cell;
height: 65px;
vertical-align: middle;
text-decoration: none;
}
.site-footer .logo img {
max-height: 65px;
max-width: 150px;
}
.site-light .site-footer .logo .dark,
.site-dark .site-footer .logo .light {
display: block;
}
.site-light .site-footer .logo .light,
.site-dark .site-footer .logo .dark {
display: none;
}
.f-decor {
text-transform: uppercase;
margin-bottom: 25px;
}
.f-decor + ul {
margin-top: -15px;
}
.calendar_wrap {
text-align: center;
}
.site-footer .f-text {
font-size: 12px;
line-height: 24px;
margin: 0 0 15px;
}
.site-footer .contact-row {
font-size:  14px;
margin: 5px 0;
}
.site-footer .contact-row > * {
display: inline-block;
vertical-align: middle;
}
.site-footer .contact-row i {
margin-right: 15px;
}
.site-footer .contact-row span {}
.grid-sizer {
display: none;
}