article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; } html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
:focus {
outline: 0;
}
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
} table {
border-collapse: collapse;
border-spacing: 0;
}
td { vertical-align: top; }
img{max-width:100%;}
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle;}
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { }
input[type="text"],input[type="submit"],input[type="file"],input[type="email"], input[type="password"], input[type="number"], textarea { -webkit-appearance: none; -webkit-border-radius:0px; }
.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }
::selection         {background: rgb(0,0,0); color: #fff; }
::-moz-selection    {background: rgb(255,255,158);}
img::selection      {background: transparent;}
img::-moz-selection {background: transparent;}   html {
padding-right: 0px !important;
overflow-y: auto;
overflow-x: hidden;
}
html.hide-overflow{
overflow: hidden !important;
}
html.show-overflow{
overflow-y: scroll;
}
body {
-webkit-font-smoothing: antialiased; 
-moz-osx-font-smoothing: grayscale;
} .tp-simpleresponsive >ul li {
z-index: 1 !important;
}
.tatsu-frame #header{
transform: translateZ(0px);
} #main.layout-border{
padding: 30px;
}
#main.layout-border.layout-border-header-top {
padding: 0px 30px 30px 30px;
}
.left-header #main.layout-border{
padding-left: 0px;
}
#header-top-bar-left   {
float: left;
padding: 10px 20px;
}
#header-top-bar-wrap.be-wrap #header-top-bar-left{
padding-left: 0px;
}
#header-top-bar-right   {
float: right;
padding: 10px 20px;
}
#header-top-bar-wrap.be-wrap #header-top-bar-right {
padding-right: 0px;
}
#header-top-bar-left .top-bar-widgets, 
#header-top-bar-left .header-search-controls,
#header-top-bar-left .header-cart-controls,
#header-top-bar-left .topbar-menu-container{
margin-right: 15px;
}
#header-top-bar-right .top-bar-widgets, 
#header-top-bar-right .header-search-controls,
#header-top-bar-right .header-cart-controls,
#header-top-bar-right .topbar-menu-container {
margin-left: 15px;
}
#header-controls-left .header-widgets, 
#header-controls-left .header-search-controls,
#header-controls-left .header-cart-controls,
#header-controls-left .menu-controls {
margin-right: 15px;
}
#header-controls-right .header-widgets, 
#header-controls-right .header-search-controls,
#header-controls-right .header-cart-controls,
#header-controls-right .sliderbar-menu-controller {
margin-left: 15px;
}
#header-top-bar-left ul ,
#header-top-bar-right ul ,
#header-controls-left ul {
display: inline;
padding-left: 0px;
}
#header-top-bar-left li ,
#header-top-bar-right li ,
#header-controls-left li {
display: inline;
text-decoration: none;
}
.menu-falling-animate-controller {
display: inline-block;
cursor: pointer; }
.custom-font-icon {
display: inline-block;
line-height: normal;
position: relative;
cursor: pointer;
}
.menu-icon {
border-top-width: 2px;
border-style: solid;
border-color: inherit;
display: block;
margin-bottom: 6px;
width: 16px;
-webkit-transition: -webkit-transform 400ms ease, opacity 400ms ease, top 400ms ease;
-moz-transition: -moz-transform 400ms ease, opacity 400ms ease, top 400ms ease;
-o-transition: -o-transform 400ms ease, opacity 400ms ease, top 400ms ease;
transition: transform 400ms ease, opacity 400ms ease, top 400ms ease;
cursor: pointer;
position: absolute;
top: 0px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
}
.menu-icon.menu-icon-third {
margin-bottom: 0px;
}
.custom-font-icon .menu-icon.menu-icon-first {
top: -4px;
}
.custom-font-icon .menu-icon.menu-icon-second {
position: relative;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
.custom-font-icon .menu-icon.menu-icon-third {
top: 4px;
}
.custom-font-icon.active .menu-icon.menu-icon-first {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
top: 0;
}
.custom-font-icon.active .menu-icon.menu-icon-second {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
-webkit-transform: translateX(50px);
-moz-transform: translateX(50px);
-ms-transform: translateX(50px);
-o-transform: translateX(50px);
}
.custom-font-icon.active .menu-icon.menu-icon-third {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
top: 0;
}
#header-top-bar-wrap i.font-icon {
margin-bottom: 0px;
}
#header-top-bar,
#header-bottom-bar {
line-height: 25px; }
#header-top-bar{
position: relative;
z-index: 3;
}
#header-top-bar .topbar-menu-container{
display: inline-block;
}
#topbar-menu > li:after{
content: " | ";
} 
#topbar-menu > li:last-child:after{
content: "";
} .header-cart-controls, 
.sliderbar-nav-controller-wrap{
display: inline-block;
}
.header-cart-controls{
float: none !important;
}
#header #left-header-mobile .header-cart-controls{
float: right !important;
}
.top-overlay-menu #header-bottom-bar{
display: none;
}
#header .header-border{
display: block;
}
#header .transparent .header-border{
display: none;
}
.style6 #header-wrap {
text-align: center;
} .style4 #header-bottom-bar{
padding: 0 30px;
} .logo a, .logo a img {
display: block;
} .style1 .logo {
margin-left: 30px;
padding:20px 0; float: left;
}
.layout-border-header-top .style1 .logo {
margin-left: 0px;
}
.style1 .be-wrap  .logo {
margin-left:0;
}
.style4 .logo {
margin-left: 30px;
padding:20px 0; float: left;
}
.style4 .be-wrap .logo {
margin-left : 0;
}
#left-header-mobile .logo {
margin-left: 30px;
padding:20px 0; float: left;
} .style5 .logo {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);
} .style2 #header-wrap{
position: relative;
}   .style3 .logo {
position: absolute;
left: 30px;
padding: 20px 0; }
.style3 .be-wrap .logo {
left : 0;
}
.layout-border-header-top .style3 .logo {
left: 0px;
} .style2 .logo {
text-align: center;
}
.style2 .logo a{
display: inline-block;
vertical-align: middle;
}
.style6 .logo {
margin: 25px auto;
display: inline-block;
vertical-align: top;
z-index: 1;
position: relative;
}  #header-inner-wrap i.font-icon{
margin-bottom: 0px;
} #left-header-mobile .mobile-nav-controller-wrap{
margin: 0 30px 0px 15px;
float: right;
}
#header .tatsu-module,
#header .oshine-module {
margin-bottom: 0;
} .mobile-menu.left-mobile-menu #mobile-menu {
padding-bottom: 0px !important;
}
.mobile-menu.right-mobile-menu #mobile-menu {
padding-top: 0px !important;
}  .be-nav-link-effect-1 a {
padding: 8px 0;
}
.be-nav-link-effect-1 a::after {
position: absolute;
top: 170%;
left: 20px;
width: calc(100% - 40px);
height: 2px;
background: rgba(0,0,0,0.1);
content: '';
opacity: 0;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
-moz-transition: opacity 0.3s, -moz-transform 0.3s;
-o-transition:  opacity 0.3s, -o-transform 0.3s;
-ms-transition:  opacity 0.3s, -ms-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
-ms-transform: translateY(10px);
-o-transform: translateY(10px);
transform: translateY(10px);
} .be-nav-link-effect-1 a:hover::after {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
} .be-nav-link-effect-2 a::after {
position: absolute;
top: 170%;
left: 50%;
right: 50%;
height: 2px;
z-index: 1;
content: "";
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
background: rgba(0,0,0,0.1);
} .be-nav-link-effect-2 a:hover::after {
left: 20px;
right: 20px;
} .be-nav-link-effect-3 a::after {
position: absolute;
top:170%;
left: 50%;
right: 50%;
height: 2px;
z-index: 1;
content: "";
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
background: rgba(0,0,0,0.1);
} .be-nav-link-effect-3 a:hover::after {
left: 40%;
right: 40%;
} .sub-menu a:after{
display: none;
}
#navigation .sub-menu a {
left: 0;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
#navigation .sub-menu a:hover {
left:7px;
}  .header-code-widgets {
display: inline-block;
margin-left: 15px;
} .sliderbar-menu-controller{
display: inline-block;
cursor: pointer;
} .search-box-wrapper {
position: absolute;
top: 100%;
right: 0px;
width: 240px;
display: none;
z-index: 12;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.23);
-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.23);
-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.23);
line-height: normal;
padding: 30px;
background: #fff;
overflow-y: hidden;
}
.be-themes-layout-layout-border-header-top .search-box-wrapper {
z-index: 10 !important;
}
#header-top-bar-right .search-box-wrapper{
padding: 0px;
}
.header-search-controls {
display: inline-block;
}
.header-search-controls .search-button {
margin-left: 0px;
cursor: pointer;
color: inherit;
display: inline-block;
zoom: 1;
position: relative;
top: 2px;
font-size: 18px;
line-height: normal;
}
#header-top-bar-right .search-box-wrapper.style1-header-search-widget input[type="text"]{
height: 55px;
}
.search-box-wrapper .searchform .search-icon {
position: absolute;
top: 0px;
right: 35px;
line-height: 96px;
font-size: 14px;
}
#header-top-bar-right .search-box-wrapper .searchform .search-icon{
top: -19px;
right: 14px;
}
.search-box-wrapper.style2-header-search-widget .searchform .search-icon{
display: none;
}
.search-box-wrapper .searchform .s {
width: 100%;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
margin-bottom: 0;
}
.search-box-wrapper .icon-icon_close{
color: #232323;
}
.search-box-wrapper.style2-header-search-widget {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
box-sizing: border-box;
}
body.admin-bar .search-box-wrapper.style2-header-search-widget {
padding-top: 62px;
}
body.admin-bar .search-box-wrapper.style2-header-search-widget .searchform .search-icon {
top: 50%;
line-height: normal;
margin-top: -14px;
font-size: 25px;
right:14px;
}
.search-box-wrapper.style2-header-search-widget .search-box-inner1 {
position: relative;
display: table;
width: 100%;
height: 100%;
}
.search-box-wrapper.style2-header-search-widget .search-box-inner2 {
display: table-cell;
vertical-align: middle;
width: 100%;
margin: 0px;
}
.search-box-wrapper.style2-header-search-widget .searchform .s {
height: 100px;
font-size: 40px;
line-height: 1;
}
.search-box-wrapper.style2-header-search-widget .searchform {
display: block;
width: 80%;
margin: 0 auto;
position: relative;
}
.header-search-form-close {
display: none;
}
.search-box-wrapper.style2-header-search-widget .header-search-form-close {
position: absolute;
top: 30px;
right: 30px;
font-size: 35px;
cursor: pointer;
color: inherit;
display: block;
z-index: 4;
}
body.admin-bar .search-box-wrapper.style2-header-search-widget .header-search-form-close {
margin-top: 32px;
} .left-strip-wrapper .header-cart-controls {
width: 100%;
text-align: center;
top: 85%;
}
.header-cart-controls .cart-contents span {
display: inline-block;
font-weight: bold;
margin: 0 auto;
border-radius: 20%;
text-align: center;
width: 20px;
height: 20px;
line-height: 21px;
font-size: 10px;
position: relative;
top: -5px;
}
.left-strip-wrapper .header-cart-controls .cart-contents span {
display: block;
position: static;
margin-top: -60px;
}
.header-cart-controls .cart-contents{
color: inherit; line-height: 0;
}
.header-cart-controls .cart-contents i{
font-size: 23px;
position: relative;
} body.header-transparent #header #header-inner-wrap.no-transparent,
body.sticky-header #header #header-inner-wrap.no-transparent {
position: fixed;
top: -300px;
width: 100%;
right: 0px;
}
body.header-transparent #header #header-inner-wrap.no-transparent.top-animate,
body.sticky-header #header #header-inner-wrap.no-transparent.top-animate {
top: 0px;
-webkit-transition: top .50s ease, right 400ms ease;
-moz-transition: top .50s ease, right 400ms ease;
-o-transition: top .50s ease, right 400ms ease;
-ms-transition: top .50s ease, right 400ms ease;
-webkit-backface-visibility: hidden;
}
body.header-transparent.admin-bar #header #header-inner-wrap.no-transparent.top-animate,
body.sticky-header.admin-bar #header #header-inner-wrap.no-transparent.top-animate {
top: 32px;
-webkit-transition: top .50s ease, right 400ms ease;
-moz-transition: top .50s ease, right 400ms ease;
-o-transition: top .50s ease, right 400ms ease;
-ms-transition: top .50s ease, right 400ms ease;
-webkit-backface-visibility: hidden;
box-shadow: 0 1px 1px rgba(0,0,0,0.15);
}
body.header-transparent #header #header-inner-wrap {
position: absolute; width: 100%;
border: none !important;
}
body.header-transparent #header #header-wrap {
background: transparent;
box-shadow: none;	
}
body.header-transparent #header #header-bottom-bar {
background: transparent;
box-shadow: none;	
}
body #main.layout-border-header-top #header-inner-wrap.no-transparent,
body.admin-bar #main.layout-border-header-top #header-inner-wrap.no-transparent {
position: fixed;
backface-visibility: hidden;
width: 100%;
}
body #main.layout-border-header-top #header-inner-wrap.no-transparent {
top: 0px;
width:100%;
}
body.admin-bar #main.layout-border-header-top #header-inner-wrap.no-transparent {
top: 32px;
}
#header-inner-wrap.transparent {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
#header-inner-wrap {
position: relative;
}
#header-inner-wrap.background--dark.transparent #navigation,
#header-inner-wrap.background--dark.transparent #navigation-left-side,
#header-inner-wrap.background--dark.transparent #navigation-right-side,
#header-inner-wrap.background--dark.transparent .header-search-controls .search-button,
#header-inner-wrap.background--dark.transparent .header-cart-controls  i.font-icon,
#header-inner-wrap.background--dark.transparent .menu-controls i.font-icon,
#header-inner-wrap.background--dark.transparent .menu-controls {
color: #f5f5f5;
}
.single_portfolio_info_close.background--dark .font-icon,
#portfolio-title-nav-bottom-wrap  .background--dark{
color: #f5f5f5;
}
#header-inner-wrap.background--light.transparent #navigation,
#header-inner-wrap.background--light.transparent #navigation-left-side,
#header-inner-wrap.background--light.transparent #navigation-right-side,
#header-inner-wrap.background--light.transparent .header-search-controls .search-button,
#header-inner-wrap.background--light.transparent .header-cart-controls  i.font-icon,
#header-inner-wrap.background--light.transparent .menu-controls i.font-icon,
#header-inner-wrap.background--light.transparent .menu-controls  {
color: #333;
}
.single_portfolio_info_close.background--light .font-icon,
#portfolio-title-nav-bottom-wrap .background--light{
color: #333;
} #header-inner-wrap.background--dark.transparent .be-mobile-menu-icon,
#header-inner-wrap.background--dark.transparent .be-mobile-menu-icon span,
#portfolio-title-nav-bottom-wrap  .background--dark .home-grid-icon span{
background-color: #f5f5f5;
} #header-inner-wrap.background--light.transparent .be-mobile-menu-icon,
#header-inner-wrap.background--light.transparent .be-mobile-menu-icon span,
#portfolio-title-nav-bottom-wrap  .background--light .home-grid-icon span {
background-color: #333;
}  .logo img {
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
opacity: 0;
visibility: hidden;
}   .top-animate .logo .sticky-logo {
position: relative;
top: 0;
left: 0;
transform: translateY(0) translateX(0);
visibility: visible;
opacity: 1;
transition : opacity 700ms cubic-bezier(0.645, 0.045, 0.355, 1);
}  #header-inner-wrap.transparent:not( .no-transparent ).background--dark .logo .light-scheme-logo,
#header-inner-wrap.semi-transparent:not( .no-transparent ).background--dark .logo .light-scheme-logo  {
position: relative;
top: 0;
left: 0;
transform: translateY(0) translateX(0);
visibility: visible;
opacity: 1;
transition : opacity 700ms cubic-bezier(0.645, 0.045, 0.355, 1);
} #header-inner-wrap.transparent:not( .no-transparent ).background--light .logo .dark-scheme-logo,
#header-inner-wrap.semi-transparent:not( .no-transparent ).background--light .logo .dark-scheme-logo {
position: relative;
top: 0;
left: 0;
transform: translateY(0) translateX(0);
opacity: 1;
visibility: visible;
transition : opacity 700ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
body:not( .side-menu-opened ) #header-inner-wrap:not( .transparent ):not( .top-animate ) .logo .normal-logo,
body:not( .side-menu-opened ) #header-inner-wrap.transparent:not( .background--dark ):not( .background--light ):not( .top-animate ) .logo .normal-logo {
position: relative;
top: 0;
left: 0;
transform: translateY(0) translateX(0);
opacity: 1;
visibility: visible;
transition : opacity 700ms cubic-bezier(0.645, 0.045, 0.355, 1);
}  #header {
position: relative;
z-index: 10;
}
.be-sticky-sections #header {
z-index: 99;
}
#header-inner-wrap.top-animate #navigation, 
#header-inner-wrap.top-animate .header-controls, 
#header-inner-wrap.top-animate .social-media-icons-mid-header,
#header-inner-wrap.stuck #navigation, 
#header-inner-wrap.stuck .header-controls, 
#header-inner-wrap.stuck .social-media-icons-mid-header {
line-height: 70px;
-webkit-transition: line-height 0.5s ease;
-moz-transition: line-height 0.5s ease;
-ms-transition: line-height 0.5s ease;
-o-transition: line-height 0.5s ease;
transition: line-height 0.5s ease;
} #navigation a,
#navigation-right-side a,
#navigation-left-side a {
position: relative;
color: inherit;
padding: 0px 20px;
display: inline-block;
line-height: initial;
}
#navigation ul li,
#navigation-right-side ul li,
#navigation-left-side ul li {
float: left;
display: inline-block;
position: relative;
margin-bottom: 0;
line-height: inherit;
}
#navigation .sub-menu,
#navigation .children,
#navigation-right-side .sub-menu,
#navigation-right-side .children,
#navigation-left-side .sub-menu,
#navigation-left-side .children {
position: absolute;
width: 200px;
display: none; 
z-index: 12;
top: 100%;
line-height: 32px;
padding: 10px 0;
margin-top: 1px;
}
#navigation .sub-menu .sub-menu,
#navigation .children .children,
#navigation-right-side .sub-menu .sub-menu,
#navigation-right-side .children .children,
#navigation-left-side .sub-menu .sub-menu,
#navigation-left-side .children .children {
left: 100%;
top: -10px;
margin-left: 0;
}
#navigation ul .sub-menu li,
#navigation ul .children li,
#navigation-right-side ul .sub-menu li,
#navigation-right-side ul .children li,
#navigation-left-side ul .sub-menu li,
#navigation-left-side ul .children li {
display: block;
float: none;
text-align: left;
}
#navigation ul .sub-menu li a,
#navigation ul .children li a,
#navigation-right-side ul .sub-menu li a,
#navigation-right-side ul .children li a,
#navigation-left-side ul .sub-menu li a,
#navigation-left-side ul .children li a {
display: block;
padding: 5px 20px;
line-height: inherit;
}
.menu-controls i.font-icon {
font-size: 21px; cursor: pointer;
display: inline-block;
zoom: 1;
padding: 0px;
line-height: normal;
}
.exclusive-mobile-bg .menu-controls{
font: initial; padding: 10px 10px;
}
.menu-controls i.font-icon:before {
position: relative;
top: 2px;
}
.top-overlay-menu #navigation,
.top-overlay-menu #navigation-right-side,
.top-overlay-menu #navigation-left-side{
display: none;
}
body.menu-animate-fall #navigation ul li,
body.menu-animate-fall #navigation-right-side ul li,
body.menu-animate-fall #navigation-left-side ul li {
-webkit-transition: -webkit-transform 400ms ease, opacity 400ms ease;
-moz-transition: -moz-transform 400ms ease, opacity 400ms ease;
-o-transition: -o-transform 400ms ease, opacity 400ms ease;
transition: transform 400ms ease, opacity 400ms ease;
transform: translateY(-60%);
-ms-transform: translateY(-60%);
-moz-transform: translateY(-60%);
-webkit-transform: translateY(-60%);
-o-transform: translateY(-60%);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}
body.menu-animate-fall #navigation ul li ul li,
body.menu-animate-fall #navigation-right-side ul li ul li,
body.menu-animate-fall #navigation-left-side ul li ul li,
body.menu-animate-fall-active #navigation ul li,
body.menu-animate-fall-active #navigation-right-side ul li,
body.menu-animate-fall-active #navigation-left-side ul li  {
transform: initial;
-ms-transform: initial;
-moz-transform: initial;
-webkit-transform: initial;
-o-transform: initial;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
} .left-header #header-top-bar,
.left-header #header-wrap,
.left-header #header-bottom-bar,
#left-header-mobile{
display: none;
}
.left-header .sliderbar-menu-controller .icon-menu{
display:none;
}
.left-header.left-sliding #main-wrapper {
margin-left: 70px;
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;
overflow-x: hidden;
}
.left-header .layout-box-left{
display: none;
}
.left-header.left-static .layout-box-left{
display: block;
}
.top-header.top-right-sliding-menu.slider-bar-opened  #main.layout-border{
padding-right: 0px;
}
.left-header.left-sliding.left-overlay-menu.slider-bar-opened #main-wrapper.hidden-strip #main.layout-border{ }
.left-header.left-static #main-wrapper{
margin-left: 280px;
}
.left-header.left-static.be-themes-layout-layout-border #main-wrapper{
margin-left: 310px;
}
.left-header .left-strip-wrapper{
width: 71px;
position: fixed;
height: 100%;
background-color: #000;
z-index: 12;
}
.left-header #sb-left-strip{
position: relative;
height: 100%;
}
.left-header #sb-left-strip .leftside-menu-controller{
position: absolute;
bottom: 40px;
font-size: 30px;	
width: 100%;
text-align: center;
}
.admin-bar.left-header #sb-left-strip .leftside-menu-controller{
bottom: 72px;
}
.left-header #sb-left-strip #logo-strip-bar{
top: 40px;
position: absolute;
width: 100%;
text-align: center;
}
.sb-slidebar .menu ul {
list-style: none;
margin-bottom: 0px;
display: block;
padding: 0px;
margin-top: 0px;
}
.sb-slidebar .menu ul li {
margin-bottom: 0px;
}
.sb-slidebar .menu ul li {
display: block;
position: relative;
}
#slidebar-menu { }
.sb-slidebar-content .menu {
margin-bottom: 50px;
text-align: center;
padding: 40px 0;
} .top-overlay-menu .sb-slidebar-content .menu,
.left-overlay-menu .sb-slidebar-content .menu{
border: none;
}
#slidebar-menu .sub-menu {
display: none;
}
#slidebar-menu a {
cursor: pointer;
color: inherit;
display: inline-block;
line-height: inherit;
}
.sb-left #slidebar-menu a {
color: inherit;
position: relative;
}
.sb-slidebar .widget_text {
text-align: center;
padding: 0px 14px;
margin-bottom: 10px;
}
#navigation .mobile-sub-menu-controller,
#navigation-left-side .mobile-sub-menu-controller,
#navigation-right-side .mobile-sub-menu-controller {
display: none;
}
#slidebar-menu .mobile-sub-menu-controller {
width: 50px;
top: 0px;
cursor: pointer;
font-size: 13px;
-webkit-transition: all 0.5s;    
-moz-transition: all 0.5s;    
-o-transition: all 0.5s;    
-ms-transition: all 0.5s;    
transition: all 0.5s;  
text-align: center;
vertical-align: middle;
position: absolute;
color: inherit !important;
}
#slidebar-menu .mobile-sub-menu-controller.isClicked{
-webkit-transform: rotate(45deg) scale(1.5,1.5);
-moz-transform: rotate(45deg) scale(1.5,1.5);
-ms-transform: rotate(45deg) scale(1.5,1.5);
-o-transform: rotate(45deg) scale(1.5,1.5);
transform: rotate(45deg) scale(1.5,1.5);
}
.top-overlay-menu #slidebar-menu li,
.left-overlay-menu #slidebar-menu li{
opacity: 0;
-webkit-transform: translateY(30%);
-moz-transform: translateY(30%);
-ms-transform: translateY(30%);
-o-transform: translateY(30%);
transform: translateY(30%);
transition: all 0.4s;
}
.top-overlay-menu #slidebar-menu li.menu-loaded,
.left-overlay-menu #slidebar-menu li.menu-loaded{
opacity: 1;
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
-o-transform: translateY(0%);
transform: translateY(0%);
}
#slidebar-menu .menu-item .sub-menu li{
opacity: 1 !important;
transform: translateY(0%) !important;
}
.overlay-menu-close {
position: absolute;
z-index: 15;
font-size: 30px !important; margin-top: 8px;
right: 25px;
top:25px;
cursor: pointer; }
.overlay-menu-close:before {
display: inline-block; -webkit-transition: -webkit-transform 400ms ease;
-moz-transition: -moz-transform 400ms ease;
-o-transition: -o-transform 400ms ease;
transition: transform 400ms ease;
}
.overlay-menu-close:hover:before {
-webkit-transform: rotate(90deg) ;
-moz-transform: rotate(90deg) ;
-ms-transform: rotate(90deg) ;
-o-transform: rotate(90deg) ; } .sb-left .display-table {
height: 100%;
} .sb-slidebar.sb-left .overlay-menu-close,
.sb-slidebar.sb-right .overlay-menu-close {
display: none !important;
}
body.top-overlay-menu .sb-slidebar.sb-left .overlay-menu-close,
body.top-overlay-menu .sb-slidebar.sb-right .overlay-menu-close,
body.left-overlay-menu .sb-slidebar.sb-left .overlay-menu-close,
body.left-overlay-menu .sb-slidebar.sb-right .overlay-menu-close {
display: inline-block !important;
} .mobile-menu {
display: none;
}
#mobile-menu, 
#mobile-menu ul {
list-style: none;
margin-bottom: 0px;
margin-top: 0px;
padding: 0px; 
text-align: left;
}
#mobile-menu ul.sub-menu {
padding: 0px 0px 15px 0px;
display: none;
}
#mobile-menu li {
margin-bottom: 0px;
position: relative;
padding: 0px 0px 0px 20px;
border-bottom: 1px solid transparent;
}
#mobile-menu .sub-menu li{
border: none;
padding-right: 0px;
}
#mobile-menu a {
color: inherit;
padding-right: 5px;
display: inline-block;
cursor: pointer;
}
#mobile-menu .mobile-sub-menu-controller {
width: 50px;
cursor: pointer;
font-size: 13px;
float: right;
-webkit-transition: all 0.5s;    
-moz-transition: all 0.5s;    
-o-transition: all 0.5s;    
-ms-transition: all 0.5s;    
transition: all 0.5s;  
text-align: center;
}
#mobile-menu .mobile-sub-menu-controller.isClicked{
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.mobile-nav-controller-wrap {
display: none;
}
.mobile-nav-controller-wrap .menu-controls {
margin-left: 0px;
margin-right:0px;
}
#logo-sidebar {
text-align: center;
line-height: normal !important;
margin: 40px 0px;
}  #main {
position: relative;
}
.sb-slidebar {
position: fixed;
width: 280px;
z-index: 12;
height: 100%;
overflow: auto;
}
.top-header.be-themes-layout-layout-border-header-top .sb-slidebar {
z-index: 10 !important;
}
.left-overlay-menu .sb-slidebar,
.top-overlay-menu .sb-slidebar {
width: 100%;
z-index: 14;
} .left-header.left-static .sb-slidebar.sb-left {
left: 0px;
}
.left-header.left-static.be-themes-layout-layout-border .sb-slidebar.sb-left {
left: 30px;
} .sb-slidebar.sb-right {
right: -280px;
-webkit-transition: right 400ms ease;
-moz-transition: right 400ms ease;
-o-transition: right 400ms ease;
transition: right 400ms ease;
}
body.be-themes-layout-layout-border-header-top .sb-slidebar.sb-right,
body.be-themes-layout-layout-border .sb-slidebar.sb-right {
right: -250px;
}
.sb-slidebar.sb-right.opened {
right: 0px;
}
.be-themes-layout-layout-border-header-top .sb-slidebar.sb-right.opened,
.be-themes-layout-layout-border .sb-slidebar.sb-right.opened {
right: 30px;
}
body #main {
-webkit-transition: right 400ms ease;
-moz-transition: right 400ms ease;
-o-transition: right 400ms ease;
transition: right 400ms ease;
position: relative;
right: 0px;
}
body.top-header:not(.top-overlay-menu).slider-bar-opened #main,
body.top-header:not(.top-overlay-menu).slider-bar-opened #main #header #header-inner-wrap.no-transparent.top-animate {
right: 280px;
left: auto;
}
body.be-themes-layout-layout-border-header-top.top-header:not(.top-overlay-menu).slider-bar-opened #main #header #header-inner-wrap.no-transparent.top-animate,
body.be-themes-layout-layout-border.top-header:not(.top-overlay-menu).slider-bar-opened #main #header #header-inner-wrap.no-transparent.top-animate {
right: 310px;
}
body.top-header.slider-bar-opened.top-overlay-menu #main {
right: 0px;
} .left-header.left-sliding.left-bar-menu .sb-slidebar.sb-left.opened {
left: 0;
} html.csstransforms .left-strip-wrapper {
-webkit-transition: -webkit-transform 200ms linear;
-moz-transition: -moz-transform 200ms linear;
-o-transition: -o-transform 200ms linear;
transition: transform 200ms linear;    
-webkit-transition-delay: 0ms;
-moz-transition-delay: 0ms;
-o-transition-delay: 0ms;
transition-delay: 0ms;
}
html.csstransforms .left-strip-wrapper.hide {
-webkit-transform: translatex(-70px);
-moz-transform: translatex(-70px);
-ms-transform: translatex(-70px);
-o-transform: translatex(-70px);
transform: translatex(-70px);
-webkit-transition-delay: 100ms;
-moz-transition-delay: 100ms;
-o-transition-delay: 100ms;
transition-delay: 100ms;
}
html.no-csstransforms .left-strip-wrapper {
-webkit-transition: left 200ms linear;
-moz-transition: left 200ms linear;
-o-transition: left 200ms linear;
transition: left 200ms linear;
left: 0px;
}
html.no-csstransforms .left-strip-wrapper.hide {
left: -80px;
} html.csstransforms .left-header.left-sliding.left-bar-menu .sb-slidebar.sb-left {
-webkit-transform: translatex(-280px);
-moz-transform: translatex(-280px);
-ms-transform: translatex(-280px);
-o-transform: translatex(-280px);
transform: translatex(-280px);
-webkit-transition: -webkit-transform 400ms linear;
-moz-transition: -moz-transform 400ms linear;
-o-transition: -o-transform 400ms linear;
transition: transform 400ms linear;
}
html.csstransforms .left-header.left-sliding.left-bar-menu .sb-slidebar.sb-left.opened {
-webkit-transform: translatex(0px);
-moz-transform: translatex(0px);
-ms-transform: translatex(0px);
-o-transform: translatex(0px);
transform: translatex(0px);	
}
html.no-csstransforms .left-header.left-sliding.left-bar-menu .sb-slidebar.sb-left {
left: -280px;
-webkit-transition: left 400ms linear;
-moz-transition: left 400ms linear;
-o-transition: left 400ms linear;
transition: left 400ms linear;
}
html.no-csstransforms .left-header.left-sliding.left-bar-menu .sb-slidebar.sb-left.opened {
left: 0px;
} html.csstransforms .left-header.left-sliding.left-bar-menu #main {
-webkit-transition: -webkit-transform 300ms linear;
-moz-transition: -moz-transform 300ms linear;
-o-transition: -o-transform 300ms linear;
transition: transform 300ms linear;
-webkit-transition-delay: 0ms;
-moz-transition-delay: 0ms;
-o-transition-delay: 0ms;
transition-delay: 0ms;
}
html.csstransforms body.left-header.left-bar-menu.slider-bar-opened #main {
-webkit-transition: -webkit-transform 300ms linear;
-moz-transition: -moz-transform 300ms linear;
-o-transition: -o-transform 300ms linear;
transition: transform 300ms linear;
-webkit-transform: translatex(210px);
-moz-transform: translatex(210px);
-ms-transform: translatex(210px);
-o-transform: translatex(210px);
transform: translatex(210px);
-webkit-transition-delay: 100ms;
-moz-transition-delay: 100ms;
-o-transition-delay: 100ms;
transition-delay: 100ms;
}
html.no-csstransforms .left-header.left-sliding.left-bar-menu #main {
-webkit-transition: right 300ms linear;
-moz-transition: right 300ms linear;
-o-transition: right 300ms linear;
transition: right 300ms linear;
-webkit-transition-delay: 0ms;
-moz-transition-delay: 0ms;
-o-transition-delay: 0ms;
transition-delay: 0ms;
}
html.no-csstransforms body.left-header.left-bar-menu.slider-bar-opened #main {
-webkit-transition: right 300ms linear;
-moz-transition: right 300ms linear;
-o-transition: right 300ms linear;
transition: right 300ms linear;
-webkit-transition-delay: 100ms;
-moz-transition-delay: 100ms;
-o-transition-delay: 100ms;
transition-delay: 100ms;
}
html.no-csstransforms body.left-header.left-bar-menu.slider-bar-opened #main {
right: -200px;
}
.top-overlay-menu .sb-slidebar,
.left-overlay-menu .sb-slidebar{ right: 0px !important;
transition: all 0.6s;
transform: translateY(-100%);
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
}
.top-overlay-menu .sb-slidebar.opened,
.left-overlay-menu .sb-slidebar.opened{ right: 0px !important;
transform: translateY(0%);
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
-o-transform: translateY(0%);
}   .left-header.left-sliding.left-overlay-menu .sb-slidebar.sb-left.opened .display-table,
.top-header.top-overlay-menu .sb-slidebar.sb-right.opened .display-table {
display: table;
height: 100%;
} .left-header.left-sliding.left-overlay-menu .sb-slidebar .sb-slidebar-content,
.top-header.top-overlay-menu .sb-slidebar.sb-right .sb-slidebar-content {
display: table-cell;
vertical-align: middle;
} html.csstransforms body.top-header.top-overlay-menu.slider-bar-opened #main {
-webkit-transform: initial;
-moz-transform: initial;
-ms-transform: initial;
-o-transform: initial;
transform: initial;
}
body.left-header.left-sliding.left-overlay-menu.slider-bar-opened #main-wrapper { } html.no-csstransforms .left-header.left-sliding.left-bar-menu .sb-slidebar.sb-left {
-webkit-transition: left 400ms ease;
-moz-transition: left 400ms ease;
-o-transition: left 400ms ease;
transition: left 400ms ease;
}
html.csstransforms .left-header.left-sliding.left-bar-menu .sb-slidebar.sb-left{
left: 0px;
}
html.csstransforms .left-header.left-static .sb-slidebar.sb-left {
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
} .mobile-nav-controller {
display: inline-block;
}
.be-mobile-menu-icon { display: inline-block;
position: relative;
-webkit-transform: translateX(0%) translateY(-50%);
-moz-transform: translateX(0%) translateY(-50%);
-ms-transform: translateX(0%) translateY(-50%);
-o-transform: translateX(0%) translateY(-50%);
transform: translateX(0%) translateY(-50%);
width: 18px;
height: 2px;
top: -4px;
-webkit-transition: background-color 0.3s;
-moz-transition: background-color 0.3s;
transition: background-color 0.3s;
visibility: hidden; }
.be-mobile-menu-icon .hamburger-line-1{
top: -5px;
}
.be-mobile-menu-icon::after,
.be-mobile-menu-icon .hamburger-line-3{
top: 5px;
}
.be-mobile-menu-icon.is-clicked {
background-color: rgba(255, 255, 255, 0) !important;
}
.be-mobile-menu-icon.is-clicked::before,
.be-mobile-menu-icon.is-clicked .hamburger-line-1{
top: 0;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.be-mobile-menu-icon.is-clicked::after,
.be-mobile-menu-icon.is-clicked .hamburger-line-3 {
top: 0;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}  body.page-template-page-blank #header-wrap,
body.page-template-page-blank #header-bottom-bar,
body.page-template-page-blank.left-header .sb-slidebar,
body.page-template-page-blank.left-header .left-strip-wrapper,
body.page-template-page-blank #footer-wrap,
body.page-template-page-blank.left-header #leftheadermobile{
display: none !important;
}
body.page-template-page-blank.left-header.left-sliding #main-wrapper,
body.page-template-page-blank.left-header.left-static #main-wrapper{
margin-left: 0px !important;
}
.be-password-protect-wrap {
padding: 150px 0;
} .page-title-module-custom {
padding:30px 0;
}
.header-breadcrumb {
font-size: 11px;
}
.header-breadcrumb .breadcrumbs a {
color: inherit;
}
.be-fixed-footer .page-title-module-custom {
z-index: 2;
position : relative;
} .gallery-slider-wrap  {
position: fixed;
width: 100%;
height: 100%;
background: #fff;
top: 0px;
left: -100%;
z-index: 15;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
-webkit-transition: left 0.3s ease-in, opacity 0.3s ease-in;
-moz-transition: left 0.3s ease-in, opacity 0.3s ease-in;
-o-transition: left 0.3s ease-in, opacity 0.3s ease-in;
-ms-transition: left 0.3s ease-in, opacity 0.3s ease-in;
transition: left 0.3s ease-in, opacity 0.3s ease-in;
}
a.no-link {
cursor: default;
}
.overflow-hidden {
overflow: hidden !important;
}
.gallery-slider-content,
#gallery-container-wrap,
#gallery-container {
position: relative;
width: 100%;
height: 100%;
}
#gallery-container-wrap{
height: 100vh;
}
#gallery-container {
width: 100%;
float: left;
} #gallery-container-wrap {
overflow-x: hidden;
overflow-y: hidden;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
transition: opacity 1s ease;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
#gallery-container {
white-space: nowrap !important;
word-wrap: normal;
font-size: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-right: 0px !important;
}
#gallery-container .placeholder {
width: 100%;
height: 100%;
display: inline-block;
zoom: 1;
text-align: center;
position: relative;
}
#gallery-container .placeholder img {
display: inline-block;
height: auto;
width: auto;
max-height: 100%;
max-width: 100%;
vertical-align: middle;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
display: none;
-webkit-transition: opacity 0.5s ease-in;
-moz-transition: opacity 0.5s ease-in;
-o-transition: opacity 0.5s ease-in;
-ms-transition: opacity 0.5s ease-in;
transition: opacity 0.5s ease-in;
}
#gallery-container .placeholder.style1_placehloder {
width: auto;
position: relative;
vertical-align: top;
height: 100%;
height: 100% !important;
}
#gallery-container .placeholder.style1_placehloder img {
height: 100%;
max-width: none;
}
#gallery-container .placeholder.center,
#gallery-container .placeholder.style2_placehloder {
vertical-align: top;
overflow: hidden !important;
}
#gallery-container .placeholder.center .fluid-width-video-wrapper iframe{
width: 100%!important;
}
.single-page-lightbox-content {
height: 100% !important;
overflow: auto !important;
}
#gallery-container .placeholder.center.style4_placehloder {
display: block;
overflow: hidden;
}
#gallery-container .placeholder.center.style4_placehloder a.slider-img-wrap {
position: absolute;
width: 100%;
height: 100%;
left: 0px;
}
.portfolio-item-overlay,
.overlay_placeholder {
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
background: #000;
background: rgba(0, 0, 0, 0.85);
z-index: 1;
}
.placeholder .fluid-width-video-wrapper {
display: inline-block !important;
vertical-align: top !important;
padding: 0px !important;
margin: 0px !important;
height: 100% !important;
}
.placeholder.style1_placehloder  .fluid-width-video-wrapper {
position: absolute;
top: 0;
left: 0;
} 
.fluid-width-video-wrapper {
width: 100%;
position: relative;
padding: 0;
}
.fluid-width-video-wrapper, .fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed {
max-width: 100%;
}
.placeholder .fluid-width-video-wrapper iframe.gallery {
position: relative !important;
height: 100% !important;
}
#gallery-container .placeholder:before {
content: "";
display: inline-block;
height: 50%;
width: 1px;
margin-right: -1px;
}
#gallery-container .placeholder.center img {
-webkit-backface-visibility: hidden;
position: absolute;
left: 0px;
top: 0px;
width: 100%;
display: block;
max-width: none;
max-height: none;
}
.gallery-all-container.resized .arrow_prev, 
.gallery-all-container.resized .arrow_next{ display: none !important;
}
.arrow_prev,
.arrow_next {
position: absolute;
top: 50%;
cursor: pointer;
z-index: 10;
margin-top: -50px;  font-size: 30px;
text-align: center; }
.single_portfolio_info_close { 
position: absolute;
line-height: 40px;
width: 40px;
font-size: 20px;
height: 40px;
text-align: center;
}
.arrow_prev {
left: 0px;
}
.arrow_next {
right: 0px;
}
.style1-arrow .arrow_prev,
.style2-arrow .arrow_prev,
.style1-arrow .arrow_next,
.style2-arrow .arrow_next {
height: 100px;
line-height: 100px;
width: 60px;
}
.style3-arrow .arrow_prev,
.style4-arrow .arrow_prev,
.style3-arrow .arrow_next,
.style4-arrow .arrow_next {
height: 40px;
line-height: 40px;
width: 40px;
}
.style5-arrow .arrow_prev,
.style6-arrow .arrow_prev,
.style5-arrow .arrow_next,
.style6-arrow .arrow_next {
height: 50px;
line-height: 50px;
width: 50px;
border-radius: 50%;
}
.style2-arrow .arrow_prev,
.style4-arrow .arrow_prev{
border-left: none !important;
}
.style2-arrow .arrow_next,
.style4-arrow .arrow_next{
border-right: none !important;
} 
.style5-arrow .arrow_prev,
.style6-arrow .arrow_prev{
left:15px;
}
.style5-arrow .arrow_next,
.style6-arrow .arrow_next{
right:15px;
}
.arrow_next .font-icon, 
.arrow_prev .font-icon, 
.single_portfolio_close .font-icon, 
.single_portfolio_info_close .font-icon, 
.single_portfolio_back .font-icon {
display: inline-block;
text-align: center;
line-height: inherit;
-webkit-user-select: none;
}
.gallery_content {
position: absolute;
top: 0px;
width: 480px;
background: #fff;
word-break: break-word;
z-index: 11;
height: 100%;
right: -480px;
-webkit-transition: right 0.3s ease;
-moz-transition: right 0.3s ease;
-o-transition: right 0.3s ease;
-ms-transition: right 0.3s ease;
transition: right 0.3s ease;
box-sizing: border-box;
}
.normal-scroll .attachment-details-custom-slider {
display: block !important;
opacity: 1 !important;
}
.normal-scroll.gallery-all-container .arrow_prev,
.normal-scroll.gallery-all-container .arrow_next {
display: none !important;
}
.gallery_content.show {
right: 0px;
}
.single_portfolio_info_close {
left: -40px;
top: 40px;
z-index: 12;
}
.single_portfolio_info_close .font-icon {
border-radius: 0px;
border: 0px;
font-size: inherit;
}
.single_portfolio_close {
right: 40px;
top: 60px;
}
.single_portfolio_close .font-icon {
font-size: 16px;
}
.post-title.gallery-title {
font-size: 16px;
text-transform: uppercase;
color: #000;
letter-spacing: 2px;
margin-bottom: 15px;
}
.gallery_scrollable_content {
margin-bottom: 50px;
}
.gallery_scrollable_content a.more-link,
.single-portfolio a.more-link {
display: none !important;
}
.gallery_content_area .post-header i {
margin-right: 20px;
}
.gallery_content_area .post-header li {
margin-bottom: 10px;
}
.gallery_content_area,
.gallery_content_area_wrap {
height: 100%;
max-height: 100%;
}
.tatsu-frame .gallery_content_area,
.tatsu-frame .fixed-sidebar-content-inner {
overflow: scroll !important;
}
.gallery_content_area_wrap {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 70px 50px;
}
.gallery_content_slide{
width: 400px;
padding: 0px 30px;
}
.show-title .attachment-details-custom-slider,
.show-title .overlay_placeholder {
opacity: 0 !important;
}
.attachment-details-custom-slider {
position: absolute;
bottom: 0px;
left: 0px;
word-break: break-word;
white-space: normal;
word-wrap: normal;
background: #000;
display: none;
padding: 0px 20px;
color: #a2a2a2;
}
.attachment-details-custom-slider a,
.attachment-details-custom-slider a:hover,
.attachment-details-custom-slider a:active,
.attachment-details-custom-slider a:visited {
color: inherit;
font-size: inherit;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 10px 0px;
text-align: left;
}
.attachment-details-custom-slider a.cat-list,
.attachment-details-custom-slider span {
color: inherit;
font-size: 13px;
line-height: 20px;
display: inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0px 2px 12px 2px;
text-align: left;
}
.gallery_content .be-section-pad {
padding: 0 !important;
}
.single_portfolio_info_close {
left: -40px;
bottom: 5px;
top: auto;
}
.gallery-all-container {
position: relative !important;
overflow: hidden;
} #portfolio-title-nav-bottom-wrap h6, 
#portfolio-title-nav-bottom-wrap ul a, 
.single_portfolio_info_close .font-icon,
.slider-counts{
-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;    
}
.home-grid-icon{
width:18px;
display: inline-block;
}
.home-grid-icon span{
background: #000;
float: left;
height: 4px;
width: 4px;
margin-bottom: 1px;
margin-left: 1px;
-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;    
}
.home-grid-icon.four-filled span,
.home-grid-icon.four-hollow span,
.home-grid-icon.six-filled span,
.home-grid-icon.six-hollow span,
.home-grid-icon.nine-filled span,
.home-grid-icon.nine-hollow span {
margin-bottom: 2px;
margin-left: 2px;	
}
.home-grid-icon.four-filled,
.home-grid-icon.four-hollow {
width: 20px;
display: table-cell;
}
.home-grid-icon.six-filled,
.home-grid-icon.six-hollow,
.home-grid-icon.nine-filled,
.home-grid-icon.nine-hollow {
width: 24px;
display: table-cell;
}
.home-grid-icon.four-filled span,
.home-grid-icon.four-hollow span {
width: 6px;
height: 6px;
}
.home-grid-icon.six-filled span,
.home-grid-icon.nine-filled span {
width: 5px;
height: 5px;
}
.home-grid-icon.six-hollow span,
.home-grid-icon.nine-hollow span {
width: 4px;
height: 4px;
}
.home-grid-icon span:nth-child(1){
-webkit-transition-delay: 50ms;
-moz-transition-delay: 50ms;
-o-transition-delay: 50ms;
transition-delay : 50ms;
}
.home-grid-icon span:nth-child(2){
-webkit-transition-delay: 80ms;
-moz-transition-delay: 80ms;
-o-transition-delay: 80ms;
transition-delay : 80ms;
}
.home-grid-icon span:nth-child(3){
-webkit-transition-delay: 100ms;
-moz-transition-delay: 100ms;
-o-transition-delay: 100ms;
transition-delay : 100ms;
}
.home-grid-icon span:nth-child(4){
-webkit-transition-delay: 120ms;
-moz-transition-delay: 120ms;
-o-transition-delay: 120ms;
transition-delay : 120ms;
}
.home-grid-icon span:nth-child(5){
-webkit-transition-delay: 150ms;
-moz-transition-delay: 150ms;
-o-transition-delay: 150ms;
transition-delay : 150ms;
}
.home-grid-icon span:nth-child(6){
-webkit-transition-delay: 180ms;
-moz-transition-delay: 180ms;
-o-transition-delay: 180ms;
transition-delay : 180ms;
}
.home-grid-icon span:nth-child(7){
-webkit-transition-delay: 210ms;
-moz-transition-delay: 210ms;
-o-transition-delay: 210ms;
transition-delay : 210ms;
}
.home-grid-icon span:nth-child(8){
-webkit-transition-delay: 240ms;
-moz-transition-delay: 240ms;
-o-transition-delay: 240ms;
transition-delay : 240ms;
}
.home-grid-icon span:nth-child(9){
-webkit-transition-delay: 270ms;
-moz-transition-delay: 270ms;
-o-transition-delay: 270ms;
transition-delay : 270ms;
}
.single_portfolio_info_close  {
-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-title-nav-wrap .home-grid-icon{
display: block;	
}
#portfolio-title-nav-wrap{
padding: 15px 0px;
border-top: none !important;
border-right: none !important;
border-left: none !important;
}
#portfolio-title-nav-wrap{
position: relative;
}
h6.portfolio-title-nav{
text-align: center;
margin-bottom: 0px;
}
#portfolio-title-nav-wrap.style3 h6.portfolio-title-nav{
text-align: left;
}
#portfolio-title-nav-wrap .portfolio-nav{
position: absolute;
right: 30px;
top: 50%;
margin: -15px 0px 0px 0px;
line-height: normal;
width: 117px;
padding: 0px;
text-align: right;
}
#portfolio-title-nav-wrap .be-wrap .portfolio-nav{
right: 0px;
}
#portfolio-title-nav-wrap .portfolio-nav li{
display: inline-block;
padding-right: 15px;
font-size: 17px;
line-height: 33px;
}
#portfolio-title-nav-wrap .portfolio-nav li.home-grid-wrapper{
margin-bottom: 2px;
padding-right: 12px;
}
#portfolio-title-nav-wrap .portfolio-nav li:last-child{
padding-right: 0px;
}
#portfolio-title-nav-wrap .portfolio-nav a{
text-decoration: none;
}
#portfolio-title-nav-bottom-wrap {
position: absolute;
bottom: 5px;
right: 40px;
z-index: 9;
}
#portfolio-title-nav-bottom-wrap ul{
padding: 0px 10px;
}
#portfolio-title-nav-bottom-wrap h6, 
#portfolio-title-nav-bottom-wrap ul{	
display: inline-block;
margin-bottom: 0px;
}
#portfolio-title-nav-bottom-wrap h6{
line-height: 40px;
padding: 0px 15px;
}
#portfolio-title-nav-bottom-wrap ul li{
display: inline;
}
#portfolio-title-nav-bottom-wrap ul li a{
color:inherit;
display: inline-block;
height: 40px;
width: 40px;
line-height: 41px;
text-align: center;
margin-bottom: 0px;
}
#portfolio-title-nav-bottom-wrap h6, 
#portfolio-title-nav-bottom-wrap ul, 
.single_portfolio_info_close .font-icon{
color:  #323232;
}
.gallery_content .slider-counts-mobile{
display: none;
}
.image-size-toggle{
width: 40px;
line-height: 40px;
text-align: center;
right: 40px;
height: 41px;
bottom: 0px;
} .ps-fade {
transition : background 500ms cubic-bezier(.694,0,.335,1);
}
.ps-fade.ps-fade-initialized {
background : #fff;
}
.ps-fade .flickity-viewport {
transition: height 0.2s;
}
.ps-fade-inner {
margin: 0 auto;
display: flex;
align-items: flex-start;
}
.ps-fade-mobile .ps-fade-inner {
display: block;
}
.ps-fade-nav {
width: 50%;
padding: 100px 70px;
flex: 0 0 auto;
box-sizing: border-box;
overflow: hidden;
}
@media only screen and ( max-width:960px ) {
.ps-fade-nav {
padding: 50px 50px 80px;
}
}
.ps-fade-mobile .ps-fade-nav {
width : 100%;
}
.ps-fade-mobile .flickity-page-dots .dot {
width : 6px;
height : 6px;
margin : 0 6px;
}
@media only screen and (min-width : 1025px) {
.ps-fade-nav-vert-center {
align-self: center;
}
.ps-fade-nav-vert-center .ps-fade-nav-inner {
width : 100%;
}
}
.ps-fade-mobile .ps-fade-nav-item-inner::after {
display: none;
}
.ps-fade-nav-align-center {
text-align: center;
}
.ps-fade-nav-align-left {
text-align : left;
}
.ps-fade-nav-align-right {
text-align: right;
}
.ps-fade-slide-video-youtube,
.ps-fade-slide-video-vimeo {
display: flex;
align-items : center;
}
.ps-fade-slide-video-inner {
width: 100%;
}
.ps-fade-slide-video-outer {
display : flex;
}
.ps-fade-gallery {
flex: 0 0 auto;
width: 50%;
transition : opacity 500ms cubic-bezier(.694,0,.335,1);
opacity: 0;
}
.ps-fade-mobile .ps-fade-gallery {
width: 100%;
}
.ps-fade-gallery-inner {
position: relative;
overflow: hidden;
height : 100vh;
}
@media only screen and ( max-width:960px ) {
.ps-fade-gallery-inner {
height: auto;
}
}
.ps-fade-slide {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
transition: transform .35s ease-out,opacity .35s ease-out;
opacity: 0;
transform: scale(1.05);
}
.ps-fade-mobile .ps-fade-slide {
opacity: 1;
transform: none;
height: auto;
}
.ps-fade-slide-img {
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0;
transition : opacity 0.3s;
}
.ps-fade-mobile .ps-fade-slide-img {
height: auto;
}
.ps-fade-slide-img.ps-fade-slide-img-lazyloaded {
opacity: 1;
}
.ps-fade-nav-inner {
padding: 0;
margin: 0;
list-style-type: none;
position: relative;
}
.ps-fade-nav-item-inner {
font-size: 60px;
line-height: 1.3em;
transition : color 0.5s cubic-bezier(.694,0,.335,1), font-weight 0.4s ease;
display: inline-block;
position: relative;
}
.ps-fade-nav-item-inner::after {
content: "";
position: absolute;
bottom: -1px;
left: 0;
width: 100%;
height: 4px;
transform: scaleX(0);
transform-origin: left center;
background-color: currentColor;
transition: transform 0.5s cubic-bezier(.694,0,.335,1);
}
.ps-fade-nav-item-inner.is-active:after {
transform: scale(1);
}
.ps-fade-slide.is-active {
z-index: 1;
opacity: 1;
transform: scale(1);
}
.ps-fade-nav-item {
transition : opacity 500ms cubic-bezier(.694,0,.335,1);
opacity: 0;
}
.ps-fade-mobile .ps-fade-nav-item {
width : 100%;
text-align: center;
}
.ps-fade-initialized .ps-fade-nav-item,
.ps-fade-initialized .ps-fade-gallery {
opacity: 1;
}
.ps-fade-slide-video video {
width: 100%;
height: 100%;
object-fit: cover;
} .ps-fade-horizontal {
visibility: hidden;
}
.ps-fade-horizontal-initialized {
visibility: visible;
}
.ps-fade-horizontal-nav-item-inner {
white-space: nowrap;
font-size: 80px;
font-weight: 600;
color: transparent;
-webkit-text-stroke: 1px #fff;
opacity: 0;
transform: translate3d(0, 50%, 0);
transition: transform 0.3s linear, opacity 0.3s linear, color 0.3s linear;
display: inline-block;
}
.ps-fade-horizontal-initialized .ps-fade-horizontal-nav-item-inner {
transform: translate3d(0, 0, 0);
opacity: 1;
}
.ps-fade-horizontal-nav-item-inner.is-active {
color: #fff;
}
.ps-fade-horizontal-inner {
position: relative;
}
.ps-fade-horizontal-nav {
padding: 0;
margin: 0;
list-style-type: none;
height: 100%;
z-index: 2;
position: relative;
overflow: hidden;
}
.ps-fade-horizontal-gallery {
position: absolute;
top: 0;
left: 0;
width: 100%;
opacity: 0;
height: 100%;
overflow: hidden;
background: #0f1010;
transition : opacity 0.5s linear;
}
.ps-fade-horizontal-initialized .ps-fade-horizontal-gallery {
opacity: 1;
}
.ps-fade-horizontal-gallery::after {
content: '';
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: rgba(0,0,0,0.25);
z-index: 1;
}
li.ps-fade-horizontal-nav-item {
height: 100%;
align-items: center;
display: inline-flex;
padding: 0 60px;
margin: 0;
}
.ps-fade-horizontal-gallery-inner {
margin: 0 0 0 auto;
height: 100%;
position: relative;
overflow: hidden;
}
@media only screen and (max-width : 767px){
.ps-fade-horizontal-nav-item-inner {
font-size: 40px;
}
li.ps-fade-horizontal-nav-item {
padding : 0 20px;
}
}
.ps-fade-horizontal-initialized .ps-fade-horizontal-nav-item-inner:hover {
color: transparent;
}
.ps-fade-horizontal-nav-item-inner.is-active:hover {
color: #fff;
} #footer {
position: relative;
}
#footer.layout-border {
position: relative;
}
#footer-wrap{
padding: 25px 0;
}
#footer-wrap .footer-left-area{
padding-left: 30px;
}
#footer-wrap .footer-right-area{
padding-right: 30px;
}
#footer-wrap.be-wrap .footer-left-area{
padding-left: 0px;
}
#footer-wrap.be-wrap .footer-right-area{
padding-right: 0px;
}
#footer-wrap.style1 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#footer-wrap.style1 .footer-left-area{
text-align: left;
-webkit-box-flex: 1;
-ms-flex: 1 1 33.33%;
flex: 1 1 33.33%;
}
#footer-wrap.style1 .footer-right-area{
text-align: right;
-webkit-box-flex: 1;
-ms-flex: 1 1 33.33%;
flex: 1 1 33.33%;
}
#footer-wrap.style1 .footer-center-area{
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding: 0 30px;
}
#footer .footer-border{
display: block;
} #footer-wrap.style2 .footer-left-area, 
#footer-wrap.style2 .footer-center-area, 
#footer-wrap.style2 .footer-right-area {
float: none;
display: block;
height: auto;
position: static;
margin-top: 0;	
}
#footer-wrap.style2 .footer-content-inner-left,
#footer-wrap.style2 .footer-content-inner-right,
#footer-wrap.style2 .footer-content-inner-center{
margin: 20px 0;
text-align: center;
padding-left: 0px;
padding-right: 0px;
width: 100%;
height: auto;
line-height: 30px;
}
#footer-wrap .font-icon{
margin-bottom: 0px;
margin-right: 0px;
}
#footer-wrap a{
margin-right: 10px;
}
#footer-wrap a:last-child{
margin-right: 0px;	
}
ul#footer-menu{
display: inline-block;
margin-bottom: 0px;
}
ul#footer-menu li{
display: inline;
list-style: none;
}
ul#footer-menu li a{
color: inherit;
}
#footer-menu > li:after{
content: " | ";
} 
#footer-menu > li:last-child:after{
content: "";
} 
#footer-wrap.style2 .tatsu-module {
margin-bottom: 0px;
}
#footer .tatsu-icon-shortcode {
margin-bottom: 0;
} #be-fixed-footer-wrap {
position: fixed;
visibility: hidden;
bottom: 0;
left : 0;
width: 100%;
z-index: 1;
}
.be-fixed-footer #hero-section{
background : white;
} .post-meta {
float: left;
}
.post-meta a {
color: inherit;
}
.post-title a { display: inline-block;
}
.post-nav {
font-size: 12px;
}
.post-nav ul li {
margin-bottom: 0;
}
.post-nav .post-meta-sep {
margin: 0 7px;
}
.style7-blog .post-meta-sep {
margin: 0 3px;
}
.pagination_parent.style7-blog{
text-align: center;
}
.pagination a, .pagination span, .pages_list a {
width: 48px;
height: 35px;
line-height: 35px;
text-align: center;
margin: 0 12px 0px 0px;
display: inline-block;
}
.portfolio.full-screen.full-screen-gutter .pagination {
text-align: center;
}
.pagination a:last-child, .pagination span:last-child {
margin-right: 0px;
}
.pages_list a { 
width: auto;
padding: 0px 10px;
}
embed {
max-width: 100%;
}
.single-post #content {
padding-bottom: 50px;
}
.single-post .owl-dots {
display: none !important;
}
.single-page-atts {
padding: 0 0 10px;
margin-bottom: 30px;
border-bottom: 1px solid #efefef;
}
.single-page-atts h6,
.single-page-atts .tagcloud {
float: left;
}
.single-page-atts .tagcloud a {
margin-bottom: 0px;
line-height: 1;
padding: 5px 12px;
color: inherit;
border: 1px solid;
border-radius:30px;
font-size:12px;
margin-right:10px;
}
.single-page-atts .share-links a {
line-height: 32px;
display: block;
float: left;
padding: 0px 3px;
color: inherit;
font-size:12px;
}
.single-post-share {
float: right;
}
.single-post-tags {
float: left;
}
.single-post .project_navigation {
margin-top: 50px;
}
#single-author-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-bottom:25px;
border-bottom: 1px solid #efefef;
margin-bottom: 30px;
}
#single-author-img img {
max-width: initial;
border-radius: 50%;
}
#single-author-details {
-ms-flex-preferred-size: 70%;
flex-basis: 70%;
-ms-flex-negative:1;
flex-shrink:1;
margin-left:20px;
}
#single-author-details h6 {
line-height: 1.2;
}
#single-author-details p{
margin-bottom: 0;
}
.post-excerpt{
margin-bottom: 35px;
} 
.hide-excerpt .post-bottom-details {
display: none;
}
.post-thumb img{
width: 100% !important;
height: auto !important;
}
.post-thumb.style-2{
float: left;
width: 300px;
margin-right: 20px;
}
.no-thumb .post-header {
margin-bottom: 15px;
}
.post-date-wrap {
width: 52px;
text-align: center;
text-transform: uppercase !important;
padding: 8px;
border: 2px solid;
border-color: inherit;
position: absolute;
top: 0px;
left: 0px;
font-family: inherit !important;
line-height: inherit !important;
font-size: 16px !important;
margin-bottom: 0px !important;
}
.post-title-section-wrap {
margin-bottom: 30px;
position: relative;
min-height: 72px;
}
.style3-blog .post-title-section-wrap {
margin-bottom: 20px;
}
.post-title-section {
position: relative;
width: 100%;
box-sizing: border-box;
padding-left: 104px;
}
.blog-separator .separator {
margin-top: 35px;
margin-bottom: 0px !important;
width: 100%;
display: block;
height: 3px;
}
hr {
margin-bottom: 50px;
}
.post-tags {
margin-bottom: 40px;
}
.article-details {
padding: 30px 0px;
}
.single-post .article-details {
padding-bottom: 0;
}
.style3-blog .article-details{
padding: 30px 30px;
}
.blog-post.format-quote .article-details,
.blog-post.format-link .article-details {
padding: 30px 30px 0px 30px;
}
.element.blog-post {
width: 100%;
}
.blog-post.format-quote .post-top-details .post-nav,
.blog-post.format-link .post-top-details .post-nav {
margin-bottom: 20px;
}
.blog-post.format-quote .post-top-details .post-meta.post-comments,
.blog-post.format-link .post-top-details .post-meta.post-comments {
display: none;
}
.blog-post.format-quote .post-date-wrap,
.blog-post.format-link .post-date-wrap {
border: none;
font-size: 75px !important;
padding: 0px;
width: 100px;
text-align: left;
color: inherit;
}
.style3-blog .blog-post.format-quote .post-date-wrap,
.style3-blog .blog-post.format-link .post-date-wrap {
font-size: 60px !important;
width: 60px;
}
.style3-blog .blog-post.format-quote .post-title-section,
.style3-blog .blog-post.format-link .post-title-section {
padding-left: 70px;
}
.post-custom-meta {
font-size: 13px;
}
.style1-blog .blog-post.format-quote .element-inner,
.style1-blog .blog-post.format-link .element-inner,
.style2-blog .blog-post.format-quote .element-inner,
.style2-blog .blog-post.format-link .element-inner,
.style2-blog .blog-post .post-content-wrap,
.style5-blog .blog-post.format-quote .element-inner,
.style5-blog .blog-post.format-link .element-inner,
.style6-blog .blog-post.format-quote .element-inner,
.style6-blog .blog-post.format-link .element-inner {
margin-bottom: 30px;
}
.style1-blog .article-details,
.style5-blog .article-details,
.style6-blog .article-details {
padding: 30px 0px 0px 0px;
}
.style2-blog .post-nav,
.style3-blog .post-nav,
.style5-blog .post-nav,
.style6-blog .post-nav {
margin-bottom: 20px !important;
}
.style3-blog .blog-post.element .element-inner {
background: #fff;
}
.style2-blog .more-link,
.style3-blog .more-link,
.style8-blog .more-link,
.style9-blog .more-link {
display: none;
}
.style3-blog .fluid-width-video-wrapper,
.post-thumb p {
margin-bottom: 0px !important;
}
.portfolio-container.style3-blog .thumb-bg {
display: none;
}
.style6-blog .special-subtitle.post-date {
margin-bottom: 10px;
}
.style6-blog .special-subtitle.post-date a {
color: inherit;
}
.single-post .post-details {
margin-bottom: 20px;
} .style7-blog .post-content-wrap .post-header,
.style7-blog .post-content-wrap .post-top-details { 
text-align: center; 
}
.style7-blog .post-content-wrap .post-category{
margin-bottom: 3px;
float:none;
} .blog .style7-blog .post-content { 
text-align: center;
margin: 0 auto; 
max-width: 780px; 
}
.style7-blog .post-category{
float:none;
text-align: center;
}
.style7-blog .post-nav { 
display: inline-block; 
margin-bottom: 12px
}
body.blog #content.style7-blog-content .pagination{
text-align: center;
}
.special-subtitle , 
.style1.thumb-title-wrap .portfolio-item-cats {
letter-spacing: 0;
} .style2-blog .post-thumb {
width: 40%;
margin-right: 5%;
float: left;
}
.style2-blog .article-details {
width: 55%;
float: left;
padding: 0px;
}
.style2-blog .format-quote .article-details,
.style2-blog .format-link .article-details{
width: 100%;
}
.single-post .style2-blog .post-thumb,
.single-post .style2-blog .article-details {
float: none;
margin-right: 0px;
width: auto;
}
.single-post .style2-blog .post-thumb {
margin-bottom: 30px;
} .style3-blog .blog-separator .separator {
margin-top:60px;
margin-bottom: 65px;
}
.blog-post.element {
margin-bottom: 65px;
}
.single-post .blog-post.element {
margin-bottom: 0;
}
.single-post .style3-blog .blog-post.element {
margin-bottom:50px;
}
.style3-blog .format-quote .post-content-wrap, 
.style3-blog .format-link .post-content-wrap {
margin-bottom: 0;
}
.blog .element .post-content p {
margin-bottom: 20px;
} .style4-blog .blog-post {
background: #fff;
width: 100%;
}
.style4-blog .article-details {
padding: 40px;
}
.single-post .style4-blog .post-details, 
.style4-blog .post-content p:last-child {
margin-bottom: 0;
}
.style4-blog .blog-post.element {
margin-bottom: 50px;
} .style7-blog .blog-separator .separator {
height: 1px;
} .style8-blog.portfolio-container,
.style8-blog .element,
.style8-blog .element-inner,
.style9-blog.portfolio-container,
.style9-blog .element,
.style9-blog .element-inner{
overflow: visible;
}
.style8-blog .post-thumb-wrap,
.style9-blog .post-thumb-wrap{
position :relative;	
overflow : hidden;
}
.style8-blog .thumb-wrap,
.style9-blog .thumb-wrap{
width: 100%;
height: 100%;
overflow: visible;
}
.style8-blog .post-thumb-wrap img{
position: absolute;
max-width : 100%;
height : auto;
}
body:not( .single-post ) .style8-blog .element-inner,
body:not( .single-post ) .style9-blog .element-inner{
box-shadow: 0px 3px 10px rgba(0, 0, 0, .12);
overflow : hidden;
position: relative;
}
.style8-blog .post-comment-icon {
display: inline-block;
line-height: 0;
vertical-align: middle;
}
.style8-blog .post-share-wrap{
line-height : 0;
}
.style8-blog .be-image-post .post-content-outer-wrap {
position: relative;
width: 100%;
}
.style8-blog .be-image-post .post-details-wrap, .style8-blog .be-image-post .post-thumb-wrap-overlay {
pointer-events: none;
}
.style8-blog .be-image-post .post-category a, 
.style8-blog .be-image-post .post-title, 
.style8-blog .be-image-post .post-comment-wrap a, 
.style8-blog .be-image-post .be-share-stack-mask {
pointer-events: all;
}
.style8-blog .be-image-post .post-thumb {
position: absolute;
width: 100%;
height : 100%;
}
.style8-blog .be-image-post .post-thumb-wrap-overlay,
.style9-blog .post-thumb-wrap-overlay{
z-index:1;
position: absolute;
width:100%;
height:100%;
left:0;
top:0;
background:rgba(0,0,0,0.4);
}
.style8-blog .post-content-wrap {
text-align: left;
}
.style8-blog .post-thumb-wrap{
background: rgb(238, 238, 238);
}
.style8-blog .be-image-post .post-details-wrap {
position: relative;
z-index: 2;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
top : 0;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.style8-blog .be-image-post .post-category-wrap,
.style8-blog .be-image-post .post-bottom-meta-wrap {
padding:20px;
}
.style8-blog .be-image-post .post-top-meta-wrap {
padding:60px 40px;
}
.style8-blog .post-category-wrap,
.style9-blog .post-category-wrap {
text-transform: capitalize;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom : -10px;
}
.style8-blog .post-category-wrap a,
.style9-blog .post-category-wrap a {
display: inline-block;
padding: 0px 15px;
border-radius: 50px;
transition : background-color 0.5s ease, border-color 0.5s ease;
margin : 0 5px 10px 0;
}
.style8-blog .post-date,
.style9-blog .post-date {
margin-bottom: 5px;
}
.style8-blog .post-meta,
.style9-blog .post-meta{
float: none;
}
.style8-blog .post-bottom-meta-wrap,
.style9-blog .post-bottom-meta-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
}
.style8-blog .post-author-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.style8-blog .post-author-img {
width: 35px;
height: 35px;
border-radius: 50%;
margin-right: 10px;
overflow : hidden;
}
.style8-blog .post-author-img img{
width : 100%;
height : auto;
}
.style8-blog .post-comment-share-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.style8-blog .post-comment-wrap {
margin-right:10px;
}
.style8-blog .post-comment-icon {
font-size: 12px;
}
.single-post .style8-blog .blog-post.element {
margin-bottom:50px;
}
a.be-share-trigger , 
a.be-share-trigger-placeholder,
a.be-share-trigger:hover , 
a.be-share-trigger-placeholder:hover {
color: inherit;
font-size: 12px;
}
.be-image-post .be-share-stack-mask .be-share-trigger{
transition: color 0.5s;
}
.be-image-post .be-share-stack-mask:hover .be-share-trigger{
color : #222;
}
.style8-blog .post-category a {
border: 1px solid;
}
.style8-blog .format-standard .post-thumb-wrap:before,
.single .style8-blog .format-image .post-thumb-wrap:before {
content: '';
position: absolute;
width: 100%;
pointer-events: none;
height: 100%;
background: linear-gradient(to bottom,transparent 50%,rgba(0, 0, 0, 0.20) 100%);
z-index: 2;
}
.style8-blog .post-content p:last-child,
.style8-blog .post-content p:nth-last-child(2){
margin-bottom: 0px;
}
.style8-blog .post-bottom-meta-wrap:before {
content: '';
position: absolute;
height: 1px;
background: rgba(255,255,255,0.2);
top: 0px;
left: -40px;
}
.style8-blog .be-image-post .post-bottom-meta-wrap:before{
width: calc(100% + 80px);
}
.style8-blog .post-comment-wrap a{
color : inherit;
}
.style8-blog .be-image-post .post-date,
.style8-blog .be-image-post .post-title,
.style8-blog .be-image-post .post-content,
.style8-blog .be-image-post .post-bottom-meta-wrap{
color: white !important;
}
.style8-blog .element:not(.be-image-post) .post-category-wrap {
position : absolute;
bottom :20px;
width: 100%;
padding-left: 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
pointer-events: none;
z-index: 3;
}
.style8-blog .element:not( .be-image-post ) .post-category-wrap a{
pointer-events: all;
}
.style8-blog .element:not(.be-image-post) .post-top-meta-wrap {
padding: 40px;
}
.style8-blog .element:not( .be-image-post ) .post-bottom-meta-wrap {
padding: 15px 20px;
}
.style8-blog .element:not(.be-image-post) .post-bottom-meta-wrap:before {
left: 0;
top: 0;
width: calc(100%);
background: rgba(0, 0, 0, 0.09);
}
.style8-blog .post_format-post-format-quote	.post-content,
.style8-blog .post_format-post-format-link	.post-content{
padding: 40px;
text-align: center;
} 
.style8-blog .post-icon-quote-wrap,
.style8-blog .post-icon-link-wrap{
font-size: 65px;
margin-bottom: 10px;
color: rgba(0,0,0,0.12);
}
.single .style8-blog .element:not(.be-image-post) .post-top-meta-wrap {
padding: 40px 0;
} .be-wide-single .hero-section-inner {
text-align: center;
}
.be-wide-single .be-row.be-wrap{
width : 70%;
}
.be-wide-single .hero-section-blog-categories-wrap a {
margin-right: 10px;
}
.be-wide-single .hero-section-blog-categories-wrap a:after {
content: ',';
}
.be-wide-single .hero-section-blog-categories-wrap a:last-child:after {
content: '';
}
.be-wide-single .hero-section-blog-bottom-meta-wrap > span:after {
content: '|';
margin: 0 10px;
}
.be-wide-single .hero-section-blog-bottom-meta-wrap span:last-child:after{
content: '';
margin : 0;
}
.be-wide-single-post .post-details-wrap {
padding: 0;
max-width: 70%;
margin: 0 auto;
}
.be-wide-single-post .section-overlay {
background: rgba(0,0,0,0.5);
}
.hero-section-blog-title {
margin:15px 0;
max-width: 90%;
margin: 0 auto;
}
.hero-section-blog-title h1 {
max-width: 80%;
margin: 10px auto;
} .style9-blog .element .post-details-wrap{
position: absolute;
top: 0;
background: transparent;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.style9-blog .post-category-wrap a{
border: 1px solid #fff;
}
.style9-blog .post-meta-wrap,
.style9-blog .post-title{
color : white;
}
.style9-blog .post-category-wrap {
margin-bottom: 7px;
} .style9-blog .post-title {
margin-bottom: 7px;
}
.style9-blog .post-date {
margin-bottom: 15px;
} .mejs-container, 
.mejs-embed, 
.mejs-embed body,
.mejs-container .mejs-controls {
background: none !important;
}
.mejs-container .mejs-controls .mejs-time span {
color: #555 !important;
}
.mejs-controls .mejs-time-rail .mejs-time-total,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
background: #efefef !important;
}
.mejs-controls .mejs-button button {
background: none !important;
outline: 0;
margin: 5px 5px !important;
height: 20px !important;
line-height: 20px !important;
outline: none !important;
}
.mejs-controls .mejs-button button:before {
outline: none !important;
}
.mejs-controls .mejs-playpause-button.mejs-play button:before {
content: "\e6ab";
font-family: 'icomoon' !important;
font-size: 12px;
color: #555;
}
.mejs-controls .mejs-playpause-button.mejs-pause button:before {
content: "\e7f6";
font-family: 'icomoon' !important;
font-size: 20px;
color: #555;   
}
.mejs-controls .mejs-volume-button.mejs-mute button:before {
content: "\e834";
font-family: 'icomoon' !important;
font-size: 14px;
color: #555;   
}
.mejs-controls .mejs-volume-button.mejs-unmute button:before {
content: "\e836";
font-family: 'icomoon' !important;
font-size: 14px;
color: #555;   
}
.mejs-controls .mejs-time-rail .mejs-time-loaded {
background: #000 !important;
} .form-submit {
margin-bottom: 0;
}
.commentlist { 
list-style: none; 
padding: 0; 
margin-bottom: 40px; 
}
.commentlist li.comment { 
padding: 0; 
margin-bottom: 0; 
}
article.comment {
position: relative;
padding: 37px 0 30px;
border-top: 1px solid #efefef;
margin: 0;
}
.commentlist li.comment:last-child article.comment {
border-bottom:1px solid #efefef;
}
.vcard, .comment-content {
float: left;
}
.vcard {
width: 9%;
}
.comment-author-inner {
display: inline-block;
text-align: center;
}
.comment-author-inner img {
height: auto !important;
border-radius: 50%;
}
.comment-content{
width: 80%;
padding-left: 4%;
}
.children{
list-style: none;
}
#comments-title{
margin-bottom: 30px;
}
.comment {
margin-bottom: 30px;
}
.comment-meta{
margin-bottom: 7px;
}
.comment_text p{
margin-bottom: 0;
}
#reply-title {
margin-bottom: 5px;
}
.comment-meta h6.fn {
margin-bottom: 0;
line-height: 1.5;
}
.comment-meta time {
font-size: 12px;
}
.comment-edit-reply { 
padding:0; 
margin:0;
position: absolute;
right: 0px;
top: 37px;
}
.comment-edit-reply li {
margin-bottom: 0;
}
.comment-edit-reply,.children{ list-style:none !important; }
.reply {
position: absolute;
top:40px;
right: 25px;
border: 1px solid;
border-radius: 30px;
padding: 3px 10px;
line-height: 1;
}
.reply a, .edit-link a, .edit-link a:visited {
color: inherit;
}
.reply,
li.edit-link,
span.edit-link {
font-size: 11px;
}
.comment a{
text-decoration: none;
}
.avatar {
margin-bottom: 10px;
}
.children{ 
padding-left:10% ;
margin-bottom: 0; 
}
.commentlist ul.children {
margin-top: 0;
}
.children .vcard { 
width:9%; 
}
.children .comment-content { 
width: 80%;
padding-left: 4%;
}
.form-allowed-tags{
display: none;
} h1,h2,h3,h4,h5,h6 {
-webkit-font-smoothing: antialiased;
text-rendering:optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
}
h1,h2 {
margin-bottom: 20px;
}
h3, h4 , h5 {
margin-bottom: 15px;
}
h6 {
margin-bottom: 10px;
}
p {
margin-bottom: 30px;
}
p.inner-content{
margin-left: 30px;
}
#content ,.post-title ,.breadcrumbs , #page-title{
-ms-word-wrap: break-word;
word-break: break-word;   
}
#content.page-split-screen-left {
margin-left: 50%;
min-height: 100vh;
}
#content.page-split-screen-right {
width: 50%;
min-height: 100vh;
}
blockquote {
font-style: italic;
margin-bottom: 30px;
position: relative;
padding-left: 90px;
min-height: 60px;
}
blockquote p:last-child{
margin-bottom: 0;
}
blockquote:before {
content: "\e621";
font-family: 'icomoon' !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: 0px;
left: 0px;
font-size: 80px;
z-index: -1;
color: #dfdfdf;
line-height: 60px;
} a, a:visited , a:hover{
text-decoration: none;
}
.sidebar-widgets .widget ul li a {
color: inherit;
} ul,ol{
padding-left: 1.3em;
line-height: inherit;
margin: 0px 0px 20px;
}
ul{ list-style: disc; }
ol{ list-style: decimal; }
ul li,ol li{
margin-bottom: 10px;
}
ul ul, ol ol, li ul, li ol {
margin-top: 10px;
}
dd { margin: 0 0 20px; line-height: inherit; }
dt { line-height: inherit; }
nav ul, nav ol { list-style: none !important; list-style-image: none; margin: 0; padding: 0; }
.widget ul{
margin-bottom: 0;
}
.widget ul li:last-child{
margin-bottom: 0 !important;
padding-bottom: 0;
border: none;
} code, pre { font-family:"Courier New", Courier, monospace; }
cite{ font-weight:bold; }
address {
display: block;
line-height:20px;
margin: 0 0 20px;
font-style: normal;
}
pre{  display: block; margin: 10px 0; padding: 10px; overflow: auto; }
table{ border-collapse: collapse; margin-bottom:20px; }
tr:nth-of-type(odd){  }
th,td{ border: 1px solid #ddd; padding: 9px 20px; }
th{ text-transform: uppercase; }
caption{ font-size: 11px; font-style: italic; }
sup,
sub {
height: 0;
font-size: 10px;
line-height: 1;
position: relative;
top: .5ex;
vertical-align: baseline;
}
sup { bottom: 1ex; top:auto; } .wp-caption{
margin-bottom:20px;
max-width: 100% !important;
padding-top: 6px;
text-align: center;
}
.wp-caption img{ width:auto!important; height:auto!important; max-width:98%;}
.wp-caption img, .wp-caption img a { border: 0 none; margin: 0 !important; padding: 0; }
.wp-caption .wp-caption-text { font-size: 11px; font-style:italic; margin: 0; padding: 4px 4px 5px;  }
img.alignright, .wp-caption.alignright { float: right; margin: 0 0 0px 20px; }
img.alignleft, .wp-caption.alignleft { float: left; margin: 0 20px 0px 0; }
img.aligncenter, .wp-caption.aligncenter { display: block;  margin-right: auto; margin-left: auto; }
img.aligncenter { margin-bottom: 10px; }
a img.alignright { float: right; margin: 7px 0 20px 20px; }
a img.alignleft { float: left; margin: 7px 20px 20px 0; }
a img.aligncenter { display: block;  margin-right: auto; margin-left: auto; }
.gallery-item img{ width:auto !important; height:auto !important;  border:none !important; max-width: 100% !important; }    
.gallery-caption { display: block; font-style: italic; margin-bottom: 0 !important; padding: 0 4px 5px; }
.element .post-content img {
width: auto;     
max-width: 100%;
height: auto; 
} .sticky, .bypostauthor { } img[class*="align"],
img[class*="wp-image-"] {
height: auto; 
} input[type="text"], input[type="email"], input[type="password"], input[type="tel"] {
padding: 0px;
width: 100%;
margin-bottom: 20px;
border: none;
text-indent: 10px;
font-size: inherit;
color: inherit ;
font: inherit ;
line-height: 20px;
height:41px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
select {
width: 100%;
height: 38px;
padding: 10px;
display: block;
position: relative;
border: 2px solid #eeeeee;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.rtb-booking-form select{
width: 100%;
}
select[multiple="multiple"] {
height: 100px;
}
select[multiple="multiple"] option {
height: 20px;
line-height: 20px;
}
textarea{
padding: 10px 0 0 10px;
height: 200px;
width: 100%;
margin-bottom: 20px;
font:inherit;
overflow: auto;
font-size: inherit;
color: inherit ;
font: inherit ;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: transparent;
}  
.comment-form textarea {
height: 250px;
}
.comment-form textarea,
.comment-form input[type="text"]{
margin-bottom: 0px;
}
.comment-form-comment,
.comment-form-author,
.comment-form-email {
margin-bottom:20px;
}
.rtb-booking-form textarea {
width: 100% !important;
max-width: none !important;
height: 150px;
}
input[type="submit"], 
.action-button .be-button,
input[type="button"], 
input[type="submit"], 
input[type="reset"],
button {
border: none;
cursor:pointer;
display: inline-block;
margin:0px 20px 10px 0;
text-decoration: none;  
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
font-size: 12px;
line-height: 12px;
padding: 18px;
text-transform: uppercase;
letter-spacing: 1px;
} 
input[type="file"]::-webkit-file-upload-button {
border: none;
cursor:pointer;
display: inline-block;
margin:0px 20px 10px 0;
text-decoration: none;  
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
font-size: 12px;
line-height: 12px;
padding: 18px;
text-transform: uppercase;
letter-spacing: 1px;
} 
.more-link,
.view-project-link {
display: inline-block;
border-bottom-width: 3px;
border-style: solid;
border-color: inherit; color: inherit;
padding-bottom: 5px;
text-transform: uppercase;
transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
}
.more-link.style2-button,
.view-project-link.style2-button {
border-color: inherit !important;
border-width: 2px;
border-style: solid;
padding: 5px 15px;
font-size: 12px;
}
.more-link.style3-button,
.view-project-link.style3-button {
border: none;
padding: 5px 15px;
font-size: 12px;
}
.view-project-link.style2-button,
.view-project-link.style3-button {
padding: 15px 20px;
} .style4-button.view-project-link {
border: 0;
position: relative;
transition: transform 0.3s;
transform : translateX(35%);
}
.style4-button.view-project-link::after {
position: absolute;
border-bottom: 2px solid;
content: '';
display: block;
width: 20%;
top: 50%;
left: -35%;
transition: width 0.3s, border-color 0.3s, left 0.3s;
transform-origin: left;
transform: translateY(-50%);
}
.style4-button.view-project-link:hover {
transform: translate3d(50%,0,0);
}
.style4-button.view-project-link:hover::after {
left: -50%;
width: 35%;
} .wpcf7-not-valid-tip {
display: none;
}
span.wpcf7-form-control-wrap {
position: relative !important;
display: block !important;
}
input[type="text"].wpcf7-not-valid , input[type="email"].wpcf7-not-valid, input[type="password"].wpcf7-not-valid, textarea.wpcf7-not-valid {
border: 1px solid #ef8080;
margin-bottom: 0;
} .be-share-stack{
display : inline-block;
font-size : 100%;
position : relative;
line-height: 0;
}
.be-stack-top.be-share-stack{
padding : 5px;
box-sizing: border-box;
}
.be-share-stack-mask {
position: absolute;
width : 100%;
height : 100%;
left : 0;
z-index : 2;
bottom : 0;
}
.be-share-stack-mask .custom-share-button {
font-size:10px;
left:50%;
transform: translateX(-50%);
}
.be-stack-top .be-share-stack-mask{
padding: 5px;
transition : height 0.5s;
box-sizing: border-box;
}
.be-image-post .be-stack-top .be-share-stack-mask{
transition : height 0.5s, background 0.5s, border-radius 0.5s;
}
.be-stack-top .be-share-stack-mask:hover{
box-shadow:  0 0 5px rgba(0,0,0,.2);
background: white;
border-radius : 30px;
}
.be-share-stack a{
text-align : center;
margin: 0px;
}
.be-share-stack .be-share-trigger-placeholder{
z-index : 1;
position : relative;
}
.be-share-stack-mask a {
opacity : 0;
position : absolute;
}
.be-stack-left .be-share-stack-mask a{
left : 0;
transition : opacity 0.3s, left 0.5s;
}
.be-stack-top .be-share-stack-mask a{
bottom : 0;
transition : opacity 0.3s, bottom 0.5s;
}
.be-stack-top .be-share-stack-mask .be-share-trigger{
opacity : 1;
bottom : 5px;
}   .contact_form .column-block{
margin-bottom: 25px ;
}
.contact_form input[type="text"]{
width: 100%;
margin-bottom: 30px !important;
}
.contact_form textarea.txt_area {
width:100%;
margin-bottom: 20px !important;
}
.contact_form {
margin-bottom: 60px;
} .contact_form_module.style2-input input[type="text"],
.contact_form_module.style2-input textarea {
border-top: none !important;
border-left: none !important;
border-right: none !important;
}
input[type="submit"].largebtn {
font-size: 15px;
line-height: 16px;
padding: 18px 25px;
}
.button-shape-circular input[type="submit"].largebtn{
padding: 18px 35px;
}
input[type="submit"].mediumbtn {
font-size: 13px;
line-height: 14px;
padding: 15px 20px;
}
.button-shape-circular input[type="submit"].mediumbtn{
padding: 15px 30px;
}
input[type="submit"].smallbtn {
font-size: 11px;
line-height: 12px;
padding: 12px 15px;
}
.button-shape-circular input[type="submit"].smallbtn{
padding: 12px 25px;
}
::-webkit-input-placeholder {
color: inherit !important;
font: inherit !important;
} .gmap {
margin-bottom: 60px;
height: 100%;
}
.gmap img {
max-width: initial !important;
}
.page-template-contact-php #content {
padding-bottom: 50px;
}
.submit-fieldset {
position: relative;
transform-style: preserve-3d;
}
.contact_loader,
.subscribe_loader {
display: inline-block;
width: 25px;
height: 25px;
position: absolute;
display: none; left: 0;
margin-left: 100px; top:-46%;
transform:translateY(50%);
}
.contact_loader .font-icon {
width: 15px;
height: 15px;
border-width: 3px;
}  .widget{
margin-bottom: 40px;
}
#bottom-widgets .widget {
margin-bottom: 40px;
}
.sidebar-widgets .widget:last-child {
margin-bottom: 0;
}
.widget h6 {
margin-bottom: 10px;
}
#bottom-widgets {
padding-top: 70px;
padding-bottom: 70px;
position: relative;
z-index: 3;
}
#bottom-widgets .column-block {
margin-bottom: 0;
}
#bottom-widgets-wrap .column-block .widget:last-child {
margin-bottom: 0;
}
.sidebar-widgets h6,
#bottom-widgets h6 {
margin-bottom:20px;
}
.widget_media_image img {
max-width: 100%;
height: auto;
} .recent_post_container{
list-style: none !important;
padding: 0;
}
.recent_posts {
margin-bottom: 25px;
}
.recent_post_content a {
display: block;
padding: 0;
}
.recent_post_img { 
margin: 6px 10px 0 0; 
float: left; 
}
.recent_post_img a {
display: block;
position: relative;  
}
.recent_post_img img { 
display: inline-block; 
}
.recent-post-date {
font-size: 10px;
text-transform: uppercase;
letter-spacing: 1px;
margin-top: 5px;
display: inline-block;
}
.recent-post-title {
margin-bottom: 10px
} .tagcloud:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
.tagcloud a {
padding: 7px 15px;
display: block;
float: left;
margin: 0 15px 15px 0; color: inherit;
border: 1px solid; 
} .search-submit {
display: none !important;
}
.search-button{
margin-left: -30px;
}
.widget .searchform {
position: relative;
}
.widget .searchform .search-icon {
position: absolute;
top: 0px;
right: 15px;
line-height: 51px;
}
.s {
height: 45px;
border-radius: 3px;
background: #fff;
font-size: 11px;
z-index: 1000000;
margin-bottom: 0px;
}
.widget .s {
width: 97% !important;
}
.not-found {
padding-top:100px;
padding-bottom: 100px;
text-align: center;
}
.not-found-search{
width: 350px;
margin: 0 auto;
}
.error404 .searchform {
position: relative;
}
.error404 .searchform i {
position: absolute;
top:50%;
right: 10px;
transform: translate(0,-50%);
}
.error404 .searchform input[type="text"] {
margin-bottom: 0;
} #wp-calendar {
width: 100%;
background: none;
border: none;
border-collapse: separate;
border-spacing:0;
line-height: 24px;
margin-bottom: 0px;
text-align: center;
}
#wp-calendar caption {
font-size: 12px;
font-style: normal;
text-align: center;
text-transform: uppercase;
}
#wp-calendar thead {
font-size: 11px;
font-weight: 700;
}
#wp-calendar thead  th{
background: none;
padding-top: 5px;
padding-bottom: 5px;
}
#wp-calendar tbody,#wp-calendar tfoot  {
font-size: 11px;
font-weight: 700;
}
#wp-calendar tbody tr td,#wp-calendar thead tr th,#wp-calendar tfoot tr td{
background: none;
border: none;
}
#wp-calendar tbody tr td {
background: none;
border: 1px;
}
#wp-calendar tbody tr td.pad {
background: none;
border:none;
}
#wp-calendar tfoot tr td{
background: none;
padding: 5px 0px 0px;
}
#wp-calendar td,#wp-calendar th {
padding: 0px;
}
#today a{ color:#fff; }
#wp-calendar tfoot tr #prev{
text-align: left;
}
#wp-calendar tfoot tr #next {
text-align: right;
}
#wp-calendar tr a {
display: block;
} .widget_categories ul, 
.widget_archive ul, 
.widget_links ul,
.widget_meta ul, 
.widget_nav_menu ul, 
.widget_pages ul{
list-style: none;
padding-left: 0;
}
.widget_categories ul li, 
.widget_archive ul li, 
.widget_links ul li,
.widget_meta ul li, 
.widget_nav_menu ul li,
.widget_pages ul li
{
padding-left: 25px;
}
.widget_nav_menu .sub-menu li {
padding-left: 10px;
}
.widget_categories ul li:before, 
.widget_archive ul li:before, 
.widget_links ul li:before,
.widget_meta ul li:before, 
.widget_nav_menu ul li:before,
.widget_pages ul li:before {
content: '\e732';
font-family: "icomoon";
display: inline-block;
margin-left: -25px; width: 25px; font-size: 14px;
}
.widget_categories ul li a, 
.widget_archive ul li a, 
.widget_links ul li a,
.widget_meta ul li a, 
.widget_nav_menu ul li a,
.widget_pages ul li a {
left: 0;
position: relative;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.widget_categories ul li a:hover, 
.widget_archive ul li a:hover, 
.widget_links ul li a:hover,
.widget_meta ul li a:hover, 
.widget_nav_menu ul li a:hover,
.widget_pages ul li a:hover {
left: 7px;
} .photostream ul {
list-style: none;
padding-left: 0;
}
.photostream ul li {
margin: 0px 5px 10px 5px;
float: left;
width: auto;
} .photostream ul li a {
display: block;
position: relative;
}
.photostream ul li a img {
display: block;
width: 70px;
height: 70px;
}
.photostream_overlay {
position: absolute;
top: 0px;
width: 100%;
height: 100%;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
-webkit-backface-visibility: hidden;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.photostream_overlay:hover {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
} #lang_sel a.lang_sel_sel,
#lang_sel a.lang_sel_sel:hover,
#lang_sel :hover > a, #lang_sel ul ul :hover > a,
#lang_sel ul ul a, #lang_sel ul ul a:visited {
background-color: transparent;
color: inherit;
} #back-to-top {
position: fixed;
bottom: 20px;
right: 20px;
display: block;
font-size: 17px;
z-index: 99;
display: none;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;	
} body.single-page-version .single-page-nav-wrap {
display: block;
height: 100%;
position: fixed;
bottom: 0px;
right: 15px;
top: 0px;
z-index: 4;
-webkit-transform: translatez(0);
-moz-transform: translatez(0);
-ms-transform: translatez(0);
-o-transform: translatez(0);
transform: translatez(0);
-webkit-transform: translateZ(0);
}
body.be-themes-layout-layout-border-header-top.single-page-version .single-page-nav-wrap,
body.be-themes-layout-layout-border.single-page-version .single-page-nav-wrap {
right: 50px;
}
body.single-page-version.custom-gallery-page .single-page-nav-wrap {
display: none;
}
body.single-page-version.slider-bar-opened .single-page-nav-wrap {
display: none;
}
body.single-page-version .single-page-nav-wrap-inner {
display: table;
height: 100%;
max-height: 100%;
}
body.single-page-version .single-page-nav-wrap-inner .sinle-page-nav-links {
display: table-cell;
zoom: 1;
vertical-align: middle;
}
.single-page-nav-link {
width: 8px;
height: 8px; border-radius: 100%;
display: block;
margin: 5px 0px !important;
border: 1px solid #999;
position: relative;
}
.single-page-nav-link.current-section-nav-link{
background: #9c9c9c !important;
}
.header-hero-section {
position: relative;
}
.be-fixed-footer .header-hero-section {
z-index : 2;
}
.page-template-page-splitscreen-left .header-hero-section {
position: fixed;
width: 50%;
height: 100% !important;
}
.left-sliding.page-template-page-splitscreen-left .header-hero-section {
width: calc(50% - 35px);
}
.page-template-page-splitscreen-right .header-hero-section {
position: fixed;
left: 50%;
width: 50%;
height: 100% !important;
}
.left-sliding.page-template-page-splitscreen-right .header-hero-section{
left: calc(50% + 35px);
}
.left-static.page-template-page-splitscreen-left .header-hero-section{
width: calc(50% - 140px);
}
.left-static.page-template-page-splitscreen-right .header-hero-section {
left: calc(50% + 140px);	
}
.hero-section-wrap canvas {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 2;
}
.section-navigation {
position: absolute;
bottom: 20px;
left: 0px;
right: 0px;
z-index: 5;
color: inherit;
text-align: center;
font-size: 37px;
}
.single-page-nav-link span {
display: block;
position: absolute;
right: 50px;
top: 0px;
background: #000;
padding: 4px 20px;
margin-top: -13px;
color: #fff;
white-space: nowrap;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.single-page-nav-link:hover span {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
visibility: visible;
right: 30px;
}
.single-page-nav-link:hover span:after {
border-top: 17px solid transparent;
border-left: 20px solid black;
border-bottom: 17px solid transparent;
display: block;
content: '';
position: absolute;
right: -20px;
top: 0px;
}
.hero-section-wrap {
display: flex;
align-items: center;
height: 100vh;
}  @-webkit-keyframes arrow-bounce {
0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
40% {-webkit-transform: translateY(-20px);}
60% {-webkit-transform: translateY(-10px);}
} 
@keyframes arrow-bounce {
0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
40% {transform: translateY(-20px);}
60% {transform: translateY(-10px);}
} .section-navigation .font-icon {
-webkit-animation: arrow-bounce 2.5s infinite;
animation: arrow-bounce 2.5s infinite;
} .mouse-icon {
border: 2px solid #fff;
border-radius: 16px;
height: 40px;
width: 24px;
display: inline-block;
z-index: 10;
opacity: 0.7;
}
.mouse-icon .wheel {
-webkit-animation-name: drop;
-webkit-animation-duration: 1.25s;
-webkit-animation-timing-function: linear;
-webkit-animation-delay: 0s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-play-state: running;
-webkit-animation-name: drop;
animation-name: drop;
-webkit-animation-duration: 1.25s;
animation-duration: 1.25s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-delay: 0s;
animation-delay: 0s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-play-state: running;
animation-play-state: running;
}
.mouse-icon .wheel {
position: relative;
border-radius: 10px;
background: #fff;
width: 2px;
height: 6px;
top: 4px;
margin-left: auto;
margin-right: auto;
display:block;
}
@-webkit-keyframes drop {
0% {
top: 5px;
opacity: 0;
}
30% {
top: 10px;
opacity: 1;
}
100% {
top: 25px;
opacity: 0;
}
}
@keyframes drop {
0% {
top: 5px;
opacity: 0;
}
30% {
top: 10px;
opacity: 1;
}
100% {
top: 25px;
opacity: 0;
}
}
.simplebar {
position: relative;
}
.gallery_scrollable_content,
.gallery_content_slide .simplebar-content {
position: absolute;
width: 100%;
}
a.custom-share-button {
font-size: 12px;
margin-right: 15px;
transition: opacity 0.4s ease;
}
a.custom-share-button:hover {
opacity:0.7;
}
.custom-share-button .icon-social_pinterest:before,
.custom-share-button .icon-social_twitter:before,
.custom-share-button .icon-social_googleplus:before {
position: relative;
top: 1px;
} #header-controls-left .widget_shopping_cart_wrap {
left: 0px;
} .hamburger-nav-controller{
cursor: pointer;
} .be-sidemenu {
position: fixed;
width: 280px;
z-index: 15;
height: 100vh;
}
.be-sidemenu .tatsu-module, 
.be-sidemenu .oshine-module {
margin-bottom: 10px;
}
.top-header.be-themes-layout-layout-border-header-top .be-sidemenu {
z-index: 10 !important;
} .be-sidemenu.be-sidemenu-right {
right : 0px;
-webkit-transform: translatex(280px);
-moz-transform: translatex(280px);
-ms-transform: translatex(280px);
-o-transform: translatex(280px);
transform: translatex(280px);
-webkit-transition: all 700ms cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 700ms cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 700ms cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 700ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
.be-sidemenu.be-sidemenu-right.opened {
-webkit-transform: translatex(0px);
-moz-transform: translatex(0px);
-ms-transform: translatex(0px);
-o-transform: translatex(0px);
transform: translatex(0px);	
}
:not(.overlay-left-align-menu) #be-sidemenu-content{
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-direction: column;
flex-direction: column;
padding-top: 60px;
height: 100%;
box-sizing: border-box;
} .admin-bar:not(.page-stack-top):not(.left-static-menu) #be-sidemenu-content{
padding-bottom: 32px;
}
.overlay-left-align-menu #be-sidemenu-content{
display: -ms-flexbox;
display: flex;
padding-top: 100px;
height: 100%;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: stretch;
align-items: stretch;
box-sizing: border-box;
}
.be-themes-layout-layout-box.overlay-left-align-menu #be-sidemenu-content{
width: 1280px;
margin: 0px auto;
}
.overlay-center-align-menu #be-sidemenu-content{
padding-top: 38px;
}
.be-sidemenu .special-header-logo,
.be-sidemenu .special-header-menu,
.be-sidemenu .special-header-bottom-text{
margin-bottom: 30px;
padding: 0px 50px;
box-sizing: border-box;
width: 100%;
}
.be-sidemenu.be-page-stack-right .special-header-logo, 
.be-sidemenu.be-page-stack-right .special-header-menu, 
.be-sidemenu.be-page-stack-right .special-header-bottom-text {
padding: 0px 50px;
}
.special-header-logo,
.special-header-bottom-text{
text-align: center;
}
.be-sidemenu .special-header-menu{
position: relative;
-ms-flex-positive: 1;
flex-grow: 1;
}
.special-header-menu a{
transition: color 0.3s ease;
-webkit-transition: color 0.3s ease;
-moz-transition: color 0.3s ease;
-o-transition:  color 0.3s ease;
-ms-transition: color 0.3s ease;
} #navigation a::before,
#header-top-menu a::before,
#navigation .sub-menu a::before,
#navigation .children a::before,
.special-header-menu #slidebar-menu a::before,
.special-header-menu .sub-menu a::before,
.sb-left #slidebar-menu a::before{
position: absolute;
overflow: hidden;
white-space: nowrap;
max-width: 0;
transition: max-width .5s cubic-bezier(0.2,.7,.3,1) 80ms;
}
#navigation a:hover::before,
#header-top-menu a:hover::before,
#navigation .sub-menu a:hover::before,
#navigation .children a:hover::before,
.special-header-menu #slidebar-menu a:hover::before,
.special-header-menu .sub-menu a:hover::before,
.sb-left #slidebar-menu a:hover::before{
max-width: 100%;
}
.page-stack-top .special-header-menu #slidebar-menu a:hover::before,
.page-stack-top .special-header-menu .sub-menu a:hover::before,
.overlay-horizontal-menu .special-header-menu #slidebar-menu a:hover::before,
.overlay-horizontal-menu .special-header-menu .sub-menu a:hover::before{
max-width: calc( 100% - 2em );
}
.special-header-menu .menu-item {
flex : 0 0 auto;
}
.special-header-menu #slidebar-menu.animate-inFromBottom {
overflow-y : hidden;
} .be-sidemenu-content > a{
-ms-flex-positive: 1;
flex-grow: 1;
width: 100%;
text-align: center;
}
.be-sidemenu .special-header-bottom-text{
overflow: auto;
} .special-header-menu .menu-container{
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: center;
align-items: center;
}
.overlay-left-align-menu .be-sidemenu .special-header-logo,
.overlay-left-align-menu .be-sidemenu .special-header-menu,
.overlay-left-align-menu .be-sidemenu .special-header-bottom-text{
padding: 0px;
}
.overlay-left-align-menu .special-header-logo{
position: absolute;
top: 40px;
left: 30px;
text-align: left;
}
.overlay-left-align-menu .special-header-menu .menu-container{
-ms-flex-align: start;
align-items: flex-start;
}
.overlay-left-align-menu .be-sidemenu .special-header-bottom-text{
-ms-flex-item-align: auto;
-ms-grid-row-align: auto;
align-self: auto;
}
.overlay-left-align-menu .be-sidemenu .special-header-bottom-text > *{
text-align: left;
}
.be-sidemenu .menu ul {
list-style: none;
margin-bottom: 0px;
display: block;
padding: 0px;
margin-top: 0px;
}
.be-sidemenu .menu ul li {
margin-bottom: 0px;
text-align: center;
}
.be-sidemenu .menu ul li {
display: block;
position: relative;
}
.be-sidemenu .tatsu-module, .be-sidemenu .oshine-module {
margin-bottom: 0px;
}
.menu-container a {
cursor: pointer;
color: inherit;
display: inline-block;
line-height: inherit;
} .top-header:not(.overlay-center-align-menu):not(.overlay-left-align-menu):not(.overlay-horizontal-menu).side-menu-opened #main > * {
pointer-events: none;
}
.be-sidemenu.be-sidemenu-left {
-webkit-transform: translatex(-280px);
-moz-transform: translatex(-280px);
-ms-transform: translatex(-280px);
-o-transform: translatex(-280px);
transform: translatex(-280px);
-webkit-transition: all 700ms cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 700ms cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 700ms cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 700ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
.be-sidemenu.be-sidemenu-left.opened {
-webkit-transform: translatex(0px);
-moz-transform: translatex(0px);
-ms-transform: translatex(0px);
-o-transform: translatex(0px);
transform: translatex(0px);	
}
.page-stack-right .be-sidemenu-content, .page-stack-left .be-sidemenu-content{
overflow: hidden;
}
.header-cart-controls .cart-contents,
#header-wrap,
body.overlay-center-align-menu #header-inner-wrap,
body.overlay-left-align-menu #header-inner-wrap,
body.overlay-horizontal-menu #header-inner-wrap,
body.page-stack-top #header-inner-wrap{
transition: background 700ms cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.be-mobile-menu-icon span{
display: inline-block;
position: absolute;
width: 100%;
height: 100%;
background-color: inherit;
right: 0;
transition: transform .5s, top .5s, width 0.2s;
visibility: visible;
}
#be-left-strip .be-mobile-menu-icon span,
.style10 .be-mobile-menu-icon span,
.style11 .be-mobile-menu-icon span,
.style12 .be-mobile-menu-icon span{
left: 0;
}
.be-mobile-menu-icon .hamburger-line-2{ }
.be-mobile-menu-icon.style2 .hamburger-line-1,
.be-mobile-menu-icon.style2 .hamburger-line-3{
width: 50%;
}
.be-mobile-menu-icon.style3 .hamburger-line-1,
.be-mobile-menu-icon.style4 .hamburger-line-3,
.be-mobile-menu-icon.style5 .hamburger-line-2,
.be-mobile-menu-icon.style6 .hamburger-line-2{
width: 66%;
}
.be-mobile-menu-icon.style3 .hamburger-line-3,
.be-mobile-menu-icon.style4 .hamburger-line-1,
.be-mobile-menu-icon.style5 .hamburger-line-3,
.be-mobile-menu-icon.style6 .hamburger-line-1{
width: 33%;
}
.be-mobile-menu-icon.is-clicked .hamburger-line-1,
.be-mobile-menu-icon.is-clicked .hamburger-line-2,
.be-mobile-menu-icon.is-clicked .hamburger-line-3,
.menu-controls:hover .be-mobile-menu-icon span,
#be-left-strip:hover .be-mobile-menu-icon span{
width: 100%;
}
.be-mobile-menu-icon.is-clicked .hamburger-line-2{
transform: scaleX(0);
} .be-fixed-footer #portfolio-navigation-bottom-wrap {
position: relative;
z-index : 2;
}
#portfolio-navigation-bottom-wrap{
width: 100%;
height: 100px;
}
#portfolio-navigation-bottom{
display: flex;
align-items: center;
margin: 0 auto;
height: 100%;
box-sizing: border-box;
}
#portfolio-title-nav-bottom-wrap h6,
#portfolio-title-nav-bottom-wrap .slider-counts {
line-height: 40px;
}
.navigation-previous,
.navigation-grid,
.navigation-next{
display: flex;
position: relative;
align-items: center;
width: 100%;
height: 100%;
text-align: center;
transition: background-color .5s cubic-bezier(.165,.84,.44,1) 80ms;
}
.navigation-previous,
.navigation-next{
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.navigation-previous a,
.navigation-grid a,
.navigation-next a{
display: inline-block;
margin: 0 auto;
}
.previous-arrow,
.next-arrow{
display: inline-block;
position: relative;
vertical-align: middle;
transition: transform .5s cubic-bezier(.165,.84,.44,1) 80ms;
line-height: 0;
font-size: 0;
}
.arrow-line-one,
.arrow-line-two,
.arrow-line-three{
display: inline-block;
width: 10px;
height: 2px;
transform-origin: right;
background-color: red; 
transition: transform .5s cubic-bezier(.165,.84,.44,1) 80ms, width .5s cubic-bezier(.165,.84,.44,1) 80ms, background-color .5s cubic-bezier(.165,.84,.44,1) 80ms;
}
.previous-arrow .arrow-line-one,
.previous-arrow .arrow-line-two,
.previous-arrow .arrow-line-three{
transform-origin: left;
}
.arrow-line-two{
transform: scaleX(0);
width: 20px;
}
.arrow-line-one,
.arrow-line-three{
position: absolute;
top: 0;
right: 0;
}
.previous-arrow .arrow-line-one,
.previous-arrow .arrow-line-three{
left: 0;
right: auto;
}
.arrow-line-one{
transform: rotate(45deg) translateX(1px);
}
.arrow-line-three{
transform: rotate(-45deg) translateX(1px);
}
.previous-arrow .arrow-line-one{
transform: rotate(45deg) translateX(-1px);
}
.previous-arrow .arrow-line-three{
transform: rotate(-45deg) translateX(-1px);
}
.navigation-previous-post-link:hover .arrow-line-two,
.navigation-next-post-link:hover .arrow-line-two{
transform: scaleX(1);
}
.navigation-previous-post-link:hover .previous-arrow{
transform: translateX(-35px);
}
.navigation-next-post-link:hover .next-arrow{
transform: translateX(35px);
}
.navigation-previous::after,
.navigation-next::after{
content: '';
position: absolute;
height: 100%;
width: 0%;
left: auto;
right: 0;
top : 0;
background-color: rgba(0,0,0,0.5);
transition: width .5s cubic-bezier(.165,.84,.44,1) 80ms;
}
.navigation-previous::before,
.navigation-next::before{
position: absolute;
height: 100%;
width: 100%;
top : 0;
background-color: rgba(0,0,0,0.4);
transition: background-color .5s cubic-bezier(.165,.84,.44,1) 80ms;;
}
.navigation-previous:hover::before,
.navigation-next:hover::before {
background-color: transparent;
}
.navigation-next:hover::after{
width: 100%;
right: auto;
left: 0;
}
.navigation-previous:hover::after{
width: 100%;
right: 0;
left: auto;
}
.navigation-previous::after{
right: auto;
left: 0;
}
.navigation-previous-post-link,
.navigation-next-post-link{
z-index: 2;
}
.previous-title,
.next-title{
display : inline-block; 
vertical-align: middle;
transition: transform .5s cubic-bezier(.165,.84,.44,1) 80ms, color .5s cubic-bezier(.165,.84,.44,1) 80ms;
}
.navigation-previous-post-link:hover .previous-title{
transform: translateX(-20px);
}
.navigation-next-post-link:hover .next-title{
transform: translateX(20px);
}
#portfolio-navigation-bottom-wrap .portfolio-url:hover span{
transform: rotateY(180deg);
}  @media only screen and (max-width : 1279px) and (min-width : 960px) {
.blog .full-screen.four-col .element,
.blog .full-screen.five-col .element {
width : 33.34%;
}
}
@media only screen and (max-width: 960px) {
#header-bottom-bar{
display: none !important;
}
.blog .full-screen.three-col .element,
.blog .full-screen.four-col .element,
.blog .full-screen.five-col .element {
width : 50%;
}
#header-inner-wrap.stuck {
position: relative;
width: 100%;
box-shadow: none;
}
body.admin-bar #header-inner-wrap.stuck {
top: 0px !important;
}
.sticky-wrapper {
height: auto !important;
}
.header-contact-wrap {
padding-top: 5px;
}
.header-contact-wrap,#header-top-menu {
line-height: 25px !important;
}
.header-contact-wrap .be-wrap div.left, .header-contact-wrap .be-wrap div.right {
margin-bottom: 5px;
}
body.header-transparent #header #header-inner-wrap.no-transparent {
position: absolute;
left: auto;
right: auto;
}
body.sticky-header #header #header-inner-wrap.no-transparent {
position: relative;
left: auto;
right: auto;
top: 0px !important;
}
body.header-transparent.admin-bar .layout-border.layout-border-header-top #header #header-inner-wrap.no-transparent.top-animate, 
body.sticky-header.admin-bar .layout-border.layout-border-header-top #header #header-inner-wrap.no-transparent.top-animate {
top: 0px !important;
}
.mobile-nav-controller-wrap {
display: inline-block;
margin-left: 15px;
cursor: pointer;
}
.top-overlay-menu .mobile-nav-controller-wrap {
display: none;
}
.menu-falling-animate-controller {
display: none;
}
#header-controls-right .header-widgets, 
#header-controls-right .header-search-controls,
#header-controls-right .header-cart-controls,
#header-controls-right .sliderbar-menu-controller {
margin-left: 20px;
}
#header-top-bar-right .top-bar-widgets, 
#header-top-bar-right .header-search-controls,
#header-top-bar-right .header-cart-controls,
#header-top-bar-right .menu-controls{
margin-right: 15px;
}
#header-top-bar-left,
#header-top-bar-right{
float: none;
text-align: center;
width: 100%; }
#header-top-bar-wrap{
padding: 13px 0px !important;
}	
#header-top-bar-wrap #header-top-bar-left{
padding: 0px 0px 5px 0px !important;
}
#header-top-bar-wrap #header-top-bar-right{
padding: 5px 0px 0px 0px !important;
}
#header-top-bar-wrap #header-top-bar-left:last-child{
padding-bottom: 0px !important;
}
#header-top-bar-wrap #header-top-bar-right:first-child{
padding-top: 0px !important;
}
#footer-wrap{
padding:10px 0;
}
#footer.layout-border{
position: static;
bottom: auto;
margin-left: 0px;
margin-right: 0px; 
}
#content.page-split-screen-left,
#content.page-split-screen-right{
margin-left: 0px;
width: 100%;
}
.left-sliding #content.page-split-screen-left,
.left-sliding #content.page-split-screen-right {
margin-left: 0px;
width: 100%;
}
.page-template-page-splitscreen-left .header-hero-section,
.page-template-page-splitscreen-right .header-hero-section{
position: static;
width: 100% !important;
}
#main.layout-border,
#main.layout-border.layout-border-header-top {
padding: 0px;
}
.be-themes-layout-layout-border-header-top .sb-slidebar.sb-right.opened, 
.be-themes-layout-layout-border .sb-slidebar.sb-right.opened,
body.be-themes-layout-layout-border-header-top.top-header.slider-bar-opened #main #header #header-inner-wrap.no-transparent.top-animate, 
body.be-themes-layout-layout-border.top-header.slider-bar-opened #main #header #header-inner-wrap.no-transparent.top-animate {
right: 0px;
}
body.be-themes-layout-layout-border-header-top.single-page-version .single-page-nav-wrap,
body.be-themes-layout-layout-border.single-page-version .single-page-nav-wrap {
right: 35px;
}
body.be-themes-layout-layout-border-header-top .sb-slidebar.sb-right, 
body.be-themes-layout-layout-border .sb-slidebar.sb-right {
right: -280px;
}
.portfolio-sliders .gallery_content {
position: relative;
width: 100%;
right: 0px;
box-shadow: none !important;
}
.portfolio-sliders .gallery_content {
height: auto !important;
max-height: none !important;
}
.portfolio-sliders .gallery_content_area_wrap {
padding: 20px !important;
}
.portfolio-sliders .gallery-all-container .carousel_bar_area{
display: none; 
}
.portfolio-sliders .gallery-info-box-wrap #portfolio-title-nav-bottom-wrap {
right: 0px;
text-align: center;
width: 100%;
position: static;
}
.portfolio-sliders .gallery-info-box-wrap #portfolio-title-nav-bottom-wrap ul {
float: none;
display: inline-block;
margin-bottom: 30px;
}
.portfolio-sliders .gallery_content {
background: transparent !important;
}
.portfolio-sliders .portfolio-title-nav-bottom {
display: none !important;
}
.gallery_content_slide{
width: auto;
margin-bottom: 30px;
}
.gallery_scrollable_content,
.gallery_content_slide .simplebar-content {
position: static;
}
#footer-wrap.style1 .footer-center-area{
flex: 0 0 33.33%
}
#footer-wrap {
padding: 10px 40px;
}
} @media only screen and (max-width: 767px) {
#header-inner-wrap.stuck {
position: relative;
width: 100%;
box-shadow: none;
}
.top-bar-widgets{
margin-left: 0px;
margin-right: 15px;
} ul.tabs li  { 
float: none;
margin-right: 0px;
width:100%;
margin-left: 0px;  
} .children { 
padding-left:0% ; 
}
.vcard, .children .vcard { 
width:25%; margin-right: 0; 
}
.comment-content,.children .comment-content { 
width:70%; padding-left: 4%;
}
#footer-widgets { 
width: 270px; 
}
.no-mobile {
display: none;
}
input[type="text"], 
input[type="email"], 
input[type="password"] {
width: 100%;
}
.style2-blog .post-thumb,
.style2-blog .article-details {
width: 100%;
float: none;
}
.gmap-wrapper {
height: 250px !important;
}	
.portfolio-title-nav h6{
text-align: left;
margin-left: 30px;
}
#gallery-container-wrap {
height: auto !important;
padding: 0px !important;
margin-bottom: 20px;
}
html body #gallery-container {
float: none !important;
padding: 0px !important;
}
#gallery-container .placeholder img {
height: auto !important;
max-width: 100% !important;
width: 100% !important;
vertical-align: top !important;
max-height: initial !important;
}
html body #gallery-container .placeholder,
#gallery-container .placeholder.style1_placehloder {
display: block;
width: 100% !important;
vertical-align: initial !important;
height: auto !important;
padding: 20px 20px 0px 20px;
box-sizing: border-box;
}
.placeholder .fluid-width-video-wrapper iframe.gallery {
position: absolute !important;
width: 100% !important;
}
.placeholder .fluid-width-video-wrapper {
padding-top: 50% !important;
}
.placeholder.style1_placehloder .fluid-width-video-wrapper {
height: auto !important;
top: 20px;
left: 20px;
right: 20px;
width: auto;
bottom : 0px;
padding-top : 0 !important;
}
.gallery-all-container .placeholder .gdpr-alt-image:after{
height: auto;
width: auto;
top: 20px;
left: 0;
right: 40px;
bottom: 0;
}
.gallery-all-container .placeholder .gdpr-alt-image .gdpr-video-alternate-image-content {
left: 45%;
}
.portfolio-title-nav-bottom {
display: none !important;
}
.gallery_content {
position: relative;
width: 100%;
right: 0px;
box-shadow: none !important;
}
.gallery_content {
height: auto !important;
max-height: none !important;
}
.gallery_content_area_wrap {
padding: 20px !important;
}
.gallery-info-box-wrap #portfolio-title-nav-bottom-wrap {
right: 0px;
}
.gallery-info-box-wrap #portfolio-title-nav-bottom-wrap {
right: 0px;
text-align: center;
width: 100%;
}
.gallery-info-box-wrap #portfolio-title-nav-bottom-wrap ul {
float: none;
display: inline-block;
margin-bottom: 30px;
}
.arrow_next, .arrow_prev {
display: none !important;
}
.gallery_content {
background: transparent !important;
}
#portfolio-title-nav-bottom-wrap {
position: relative !important;
}
.gallery-all-container.mobile-one-by-one #portfolio-title-nav-bottom-wrap .slider-counts{
display: none;
}
.gallery-all-container.mobile-slide #portfolio-title-nav-bottom-wrap .slider-counts{
display: none;
}
.gallery_content .slider-counts-mobile{
display: block;
margin-bottom: 8px;
text-align: center;
}
.gallery_content .slider-counts-mobile .total-slides-count{
font-size: 1.9em;
font-weight: bold;
}
#gallery-container .placeholder.center img {
position: relative !important;
width: 100% !important;
height: auto !important;
display: inline-block !important;
margin: 0px !important;
}
body.custom-gallery-page.single-portfolio #header-inner-wrap {
position: relative !important;
}
.overlay_placeholder {
display: none !important;
}
.attachment-details-custom-slider {
position: static !important;
display: block !important;
}	
.attachment-details-custom-slider.special-subtitle { 
max-width: initial; 
}	
#back-to-top{
display: none;
}
#portfolio-title-nav-wrap.style3 h6.portfolio-title-nav{
text-align: center;
}
#portfolio-title-nav-wrap .portfolio-nav{
position: static;
margin-top: 15px;
width: 100%;
text-align: center;
}	
#portfolio-title-nav-wrap .portfolio-nav li{
margin-bottom: 0px;
}
#portfolio-title-nav-wrap .portfolio-nav .home-grid-wrapper{
margin: 0px 15px 2px 15px;
}
.single-post-share,
.single-post-tags {
float:none;
margin-bottom:20px;
}
#single-author-info {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
}
#single-author-details {
-ms-flex-preferred-size:100%;
flex-basis:100%;
margin-left:0;
margin-top: 15px;
}
#footer-wrap.style1 {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
#footer-wrap.style1 .footer-left-area,
#footer-wrap.style1 .footer-right-area,
#footer-wrap.style1 .footer-center-area {
text-align: center;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
padding: 0 30px;
}	
}
.portfolio-sliders.be-centered .be-vimeo-embed,
.portfolio-sliders .be-flickity .be-vimeo-embed,
.gallery-all-container .placeholder.style4_placehloder .be-vimeo-embed {
height: 100%;
}
.portfolio-sliders .be-centered .fluid-width-video-wrapper iframe,
.portfolio-sliders .be-flickity .fluid-width-video-wrapper iframe{
opacity: 1;
}
#gallery-container .style4_placehloder.placeholder:before {
content: none;
} @media only screen and (max-width: 320px) {
#header-controls-right .header-widgets, 
#header-controls-right .header-search-controls,
#header-controls-right .header-cart-controls,
#header-controls-right .sliderbar-menu-controller {
margin-left: 10px;
}
} @media only screen and (min-width: 480px) and (max-width: 767px) {
.vcard, .children .vcard {
width: 20%;
}    
.blog .full-screen .element {
width : 100% !important;
}
} .left{
float:left;
}
.right{
float:right;
} .clear{ clear: both; }
.no-margin{
margin-bottom: 0;
}
.truncate {
height: 100px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.no-list-style{
list-style: none;
} .ir {
background-color: transparent;
border: 0;
overflow: hidden; *text-indent: -9999px;
}
.ir:before {
content: "";
display: block;
width: 0;
height: 100%;
} .hidden {
display: none !important;
visibility: hidden;
} .visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
} .visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
} .invisible {
visibility: hidden;
} .clearfix:before,
.clearfix:after {
content: " "; display: table; }
.clearfix:after {
clear: both;
} .clearfix {
*zoom: 1;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) { } @media print {
* {
background: transparent !important;
color: #000 !important; box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
} .ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group; }
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}
.oshine-maintenance-mode-default {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
text-align: center;
}