/*
TABLE OF CONTENTS
1.	Global
2.	Header
	2.1	Header Top Bar
	2.2	Header Bottom Bar 
	2.3 Logo
	2.4 Header Controls
	2.5 Navigation
	2.6x Header Widgets
	2.7 Sticky Header
	2.8 Header Search Control
	2.9 Header Cart Control
3.	Transparent Header
4.	Menu
5.	Left Header
6.	Mobile Menu
7.	Mega Menu
8.	Sidebar Menu
9.	Page Title
10.	Footer
11.	Blog Layout
	11.1 Blog Style2
	11.2 Blog Style3
	11.3 Blog Style4
12.	Audio Post Format
13.	Comments
14.	Typography
15.	Anchor
16.	Lists
17.	Tags and classes that come with Wordpress 
18.	Form
19.	Contact Page
20.	Widget Areas
21.	Recent Posts
22.	Tags
23.	Search
24.	WP Calendar
25.	Categories, Archives, Links, Meta, Menu, Side nav
26.	Photostream Widget
27.	Language Switcher
28.	Back To Top
29.	Media Queries
	29.1 Tablet
	29.2 Mobile 320
	29.3 Mobile 480
30. Helper classes
31.	Print styles
*/
 /* =============================================================================
   HTML5 display definitions
   ========================================================================== */
 
 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;
 }
 /* =============================================================================
   CSS Reset
   ========================================================================== */
 
 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;
 }
 /* tables still need 'cellspacing="0"' in the markup */
 
 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;
 }
 
 .logoright {
     max-width: 10em;
     margin-left: 30px;
 }
 /*  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;
 }
 /*.wf-loading p, .wf-loading ul, .wf-loading h1, .wf-loading h2, .wf-loading h3, .wf-loading h4, .wf-loading h5, .wf-loading h6 { visibility: hidden; } .wf-active p, .wf-active ul, .wf-active h1, .wf-active h2, .wf-active h3, .wf-active h4, .wf-active h5, .wf-active h6, .wf-inactive p, .wf-inactive ul, .wf-inactive h1, .wf-inactive h2, .wf-inactive h3, .wf-inactive h4, .wf-inactive h5, .wf-inactive h6 { visibility: visible; } */
 /* ==|== primary styles =====================================================
   Author:


/* =========================================================================
                                     LAYOUTS
   ========================================================================= */
 /* ======================
    Global
   ====================== */
 
 html {
     padding-right: 0px !important;
     overflow-y: auto;
     overflow-x: hidden;
 }
 
 html.hide-overflow {
     overflow: hidden !important;
 }
 
 html.show-overflow {
     overflow-y: scroll;
 }
 /* ======================
    Header
   ====================== */
 
 .tp-simpleresponsive>ul li {
     z-index: 1 !important;
 }
 
 .tatsu-frame #header {
     transform: translateZ(0px);
 }
 /************************************************
 Header Top Bar 
 ************************************************/
 
 #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;
     /*float: right;*/
 }
 
 .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;
     /*	border-right: none !important;
	border-left: none !important;*/
 }
 
 #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: "";
 }
 /*#left-header-mobile {
	border-bottom: 1px solid;
}*/
 
 .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;
 }
 /************************************************
 Header Bottom Bar 
 ************************************************/
 
 .style4 #header-bottom-bar {
     padding: 0 30px;
 }
 /************************************************
Logo
 ************************************************/
 
 .logo a,
 .logo a img {
     display: block;
 }
 /*Logo - Float Left*/
 
 .style1 .logo {
     margin-left: 30px;
     padding: 20px 0;
     /*opt-logo-padding*/
     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;
     /*opt-logo-padding*/
     float: left;
 }
 
 .style4 .be-wrap .logo {
     margin-left: 0;
 }
 
 #left-header-mobile .logo {
     margin-left: 30px;
     padding: 20px 0;
     /*opt-logo-padding*/
     float: left;
 }
 /*Logo - Float Right*/
 
 .style5 .logo {
     position: absolute;
     left: 50%;
     -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
     transform: translateX(-50%);
 }
 /*Logo - Absolute Position to Left*/
 
 .style2 #header-wrap {
     position: relative;
 }
 /*.style4 #header-wrap{
	position: relative;
}*/
 /*.style1 #header-wrap{
	padding-right: 30px;
}*/
 /*.style4 #header-wrap{
	padding-right: 30px;
}*/
 
 .style3 .logo {
     position: absolute;
     left: 30px;
     padding: 20px 0;
     /*opt-logo-padding*/
 }
 
 .style3 .be-wrap .logo {
     left: 0;
 }
 
 .layout-border-header-top .style3 .logo {
     left: 0px;
 }
 /*Logo - Center Align*/
 
 .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 Controls
 ************************************************/
 /*Header Controls - Float Right*/
 
 #header-inner-wrap i.font-icon {
     margin-bottom: 0px;
 }
 /*Left Menu header control - only on mobile layout*/
 
 #left-header-mobile .mobile-nav-controller-wrap {
     margin: 0 30px 0px 15px;
     float: right;
 }
 
 #header .tatsu-module,
 #header .oshine-module {
     margin-bottom: 0;
 }
 /************************************************
 Navigation
 ************************************************/
 
 .mobile-menu.left-mobile-menu #mobile-menu {
     padding-bottom: 0px !important;
 }
 
 .mobile-menu.right-mobile-menu #mobile-menu {
     padding-top: 0px !important;
 }
 /************************************************
 Menu Links
 ************************************************/
 /* Effect 1: bottom line slides/fades in */
 
 .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);
 }
 
 ul#menu.be-nav-link-effect-1>li:last-child a::after {
     width: calc(100% - 20px);
 }
 /*.be-nav-link-effect-1 a:focus::after,*/
 
 .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);
 }
 /*Effect 2:  bottom line diverges out to the end */
 
 .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:focus::after,*/
 
 .be-nav-link-effect-2 a:hover::after {
     left: 20px;
     right: 20px;
 }
 
 ul#menu.be-nav-link-effect-2>li:last-child a:hover::after,
 ul#menu.be-nav-link-effect-2>li:last-child a:focus::after {
     right: 0px;
 }
 /* Effect 3: bottom line diverges out to make a small line */
 
 .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:focus::after,*/
 
 .be-nav-link-effect-3 a:hover::after {
     left: 40%;
     right: 40%;
 }
 
 ul#menu.be-nav-link-effect-3>li:last-child a:hover::after,
 ul#menu.be-nav-link-effect-3>li:last-child a:focus::after {
     right: 22%;
 }
 /*Restrict Effects only on 1st Level Menu Items*/
 
 .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 Widgets
 ************************************************/
 /*Header widgets styling*/
 
 .header-code-widgets {
     display: inline-block;
     margin-left: 15px;
 }
 /*.header-smedia-widgets li{
	display: inline;
	list-style: none;
	padding-right: 7px;
}*/
 
 .sliderbar-menu-controller {
     display: inline-block;
     cursor: pointer;
 }
 /************************************************
 Header Search Control
 ************************************************/
 
 .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;
 }
 /************************************************
 Header Cart Control
 ************************************************/
 
 .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;
     /*Added this to fix the extra 4px space occupied by header-cart-controls in the new header styles*/
     line-height: 0;
 }
 
 .header-cart-controls .cart-contents i {
     font-size: 23px;
     position: relative;
 }
 /************************************************
 Transparent Header
 ************************************************/
 
 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;
     /*top: 0px;*/
     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 .sliderbar-menu-controller .menu-icon,*/
 
 #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 .sliderbar-menu-controller .menu-icon,*/
 
 #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;
 }
 /* Old Logo Code */
 /*body.header-transparent .logo img,
body .logo img.sticky-logo {
	display: none;
}
body #header-inner-wrap.no-transparent.top-animate .logo img.sticky-logo {
	display: block;
}
body #header-inner-wrap.no-transparent.top-animate .logo img.normal-logo {
	display: none;
}
body.header-transparent #header-inner-wrap.no-transparent.top-animate .logo img.normal-logo,
body.header-transparent #header-inner-wrap.no-transparent.top-animate .logo img.sticky-logo,
body.header-transparent #header-inner-wrap .logo img.transparent-logo {
	display: block;
}
body.header-transparent #header-inner-wrap.no-transparent.top-animate .logo img.transparent-logo,
body.header-transparent #header-inner-wrap.no-transparent.top-animate .logo img.normal-logo {
	display: none;
}
.light-scheme-logo {
	display: none !important;
}
body.header-transparent #header-inner-wrap.background--dark.transparent .logo img.light-scheme-logo {
	display: block !important;
}
body.header-transparent #header-inner-wrap.background--dark.transparent .logo img.dark-scheme-logo {
	display: none !important;
}*/
 
 .logo img {
     display: block;
     position: absolute;
     max-width: 250px;
     top: 50%;
     left: 50%;
     transform: translateY(-50%) translateX(-50%);
     opacity: 0;
 }
 /* Normal Logo */
 /* .logo .normal-logo {
	position: relative;
    top: 0;
	left: 0;
	transform: translateY(0) translateX(0); 
} */
 /*Sticky Logo*/
 
 .top-animate .logo .sticky-logo {
     position: relative;
     top: 0;
     left: 0;
     transform: translateY(0) translateX(0);
     opacity: 1;
     transition: opacity 700ms cubic-bezier(0.645, 0.045, 0.355, 1);
 }
 /* .top-animate .logo img:not(.sticky-logo) {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	opacity: 0;
} */
 /*Semi transparent and Transparent Logo*/
 
 #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);
     opacity: 1;
     transition: opacity 700ms cubic-bezier(0.645, 0.045, 0.355, 1);
 }
 /* #header-inner-wrap.transparent:not( .no-transparent ).background--dark .logo img:not( .light-scheme-logo ),
#header-inner-wrap.semi-transparent:not( .no-transparent ).background--dark .logo img:not( .light-scheme-logo ){
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateY(-50%) translateX(-50%);
	opacity: 0;
} */
 
 #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;
     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 {
     height: 6em;
     position: relative;
     top: 0;
     left: 0;
     transform: translateY(0) translateX(0);
     opacity: 1;
     transition: opacity 700ms cubic-bezier(0.645, 0.045, 0.355, 1);
 }
 /* #header-inner-wrap.transparent:not( .no-transparent ).background--light .logo img:not( .dark-scheme-logo ),
#header-inner-wrap.semi-transparent:not( .no-transparent ).background--light .logo img:not( .dark-scheme-logo ){
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateY(-50%) translateX(-50%);
	opacity: 0;
} */
 /************************************************
 Sticky Header
 ************************************************/
 
 #header {
     position: relative;
     z-index: 10;
 }
 
 #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;
 }
 /*******************************
 Menu
*******************************/
 
 #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;
     /*color: #7e7e7e;*/
     cursor: pointer;
     display: inline-block;
     zoom: 1;
     padding: 0px;
     line-height: normal;
 }
 
 .exclusive-mobile-bg .menu-controls {
     font: initial;
     /*display:inline;*/
     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
 ************************************************/
 
 .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 {
     /*padding-left: 30px;*/
 }
 
 .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 {
     /*z-index: 100;*/
 }
 
 .sb-slidebar-content .menu {
     margin-bottom: 50px;
     text-align: center;
     padding: 40px 0;
 }
 /*.left-header .sb-slidebar-content .menu,
.top-overlay-menu .sb-slidebar-content .menu{
	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;
     /*top: -20px;*/
     margin-top: 8px;
     right: 25px;
     top: 25px;
     cursor: pointer;
     /*margin: 60px 0px;*/
 }
 
 .overlay-menu-close:before {
     display: inline-block;
     /*vertical-align: middle;*/
     -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);
     /*filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=6);*/
 }
 /*.sb-slidebar .menu ul:after {
	content: ' ';
	display: block;
	line-height: 50px;
	height: 20px;
	width: 100%;
}*/
 
 .sb-left .display-table {
     height: 100%;
 }
 /*body.be-themes-layout-layout-border .overlay-menu-close.show,
body.be-themes-layout-layout-border-header-top .overlay-menu-close.show {
	right: 40px !important;
}*/
 
 .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
 ************************************************/
 
 .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 {
     list-style: none;
     margin-left: 1em;
     font-size: 0.7em;
     line-height: 20px;
     color: #000;
     overflow: hidden;
     max-height: 0;
     -webkit-transition: all 0.5s ease-out;
     padding: 0;
     margin: 0;
 }
 
 #mobile-menu li {
     margin-bottom: 0px;
     position: relative;
     padding: 0px 0px 0px 20px;
     border-bottom: 1px solid transparent;
 }
 
 #mobile-menu li:hover .sub-menu {
     display: block;
     max-height: 360px;
 }
 
 #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;
 }
 /*.top-overlay-menu #logo-sidebar,
.left-overlay-menu #logo-sidebar{
	margin: 60px 0px;
}*/
 /*******************************
		SIDEBAR MENU
*******************************/
 
 #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 Static Sidebar*/
 
 .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;
 }
 /*Right Sliding Sidebar*/
 
 .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 Sliding Sidebar - open*/
 
 .left-header.left-sliding.left-bar-menu .sb-slidebar.sb-left.opened {
     left: 0;
 }
 /*Left Strip close transform*/
 
 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;
 }
 /*Left Sliding and Right Sliding sidebar open transform*/
 
 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;
 }
 /*#Main transform on left Slidebar open */
 
 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 {
     /*opacity: 0;*/
     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 {
     /*opacity: 1;*/
     right: 0px !important;
     transform: translateY(0%);
     -webkit-transform: translateY(0%);
     -moz-transform: translateY(0%);
     -ms-transform: translateY(0%);
     -o-transform: translateY(0%);
 }
 /*Left and Top overlay Menu - hidden*/
 /*.left-header.left-sliding.left-overlay-menu .sb-slidebar.sb-left,
.top-header.top-overlay-menu .sb-slidebar.sb-right {
	display: none;
	right: 0px !important;
}*/
 /*Left and Top overlay Menu - open*/
 
 .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 and Top overlay Menu - open*/
 
 .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;
 }
 /*No #Main transform on Top Overlay menu open*/
 
 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 {
     /*margin-left: 0px;*/
 }
 /*.left-header.left-sliding.left-overlay-menu .sb-slidebar {
	-webkit-transition: -webkit-transform 400ms ease;
	-moz-transition: -moz-transform 400ms ease;
	-o-transition: -o-transform 400ms ease;
	transition: transform 400ms ease;
}*/
 
 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;
 }
 /**************************
CODYDROPS MOBILE MENU
***************************/
 
 .mobile-nav-controller {
     display: inline-block;
 }
 
 .be-mobile-menu-icon {
     /* this span is the central line of the 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;
     /* these are the upper and lower lines in the menu icon */
 }
 
 .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);
 }
 /*moved to header.css*/
 /**************************
	Blank Page Template
***************************/
 
 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
   ====================== */
 
 .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 Information Box 
*************************************/
 
 .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-all-container.normal-scroll #gallery-container {
   cursor: move;
   cursor: -webkit-grab;
}*/
 
 #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;
 }
 
 .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 {
     /*.gallery-all-container.resized .single_portfolio_info_close {*/
     display: none !important;
 }
 
 .arrow_prev,
 .arrow_next {
     position: absolute;
     top: 50%;
     cursor: pointer;
     z-index: 10;
     margin-top: -50px;
     /*background: #000;*/
     /*background: rgba(0, 0, 0, 0.2);*/
     font-size: 30px;
     text-align: center;
     /*display: none;*/
 }
 
 .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 Page Title
***************************/
 
 #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;
 }
 /* ======================
    Footer
   ====================== */
 
 #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;
 }
 /*Style 2 Footer*/
 
 #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;
 }
 /*** fixed footer ***/
 
 #be-fixed-footer-wrap {
     position: fixed;
     visibility: hidden;
     bottom: 0;
     left: 0;
     width: 100%;
     z-index: 1;
 }
 
 .be-fixed-footer #hero-section {
     background: white;
 }
 /* ======================
    Blog Layout
   ====================== */
 
 .post-meta {
     float: left;
 }
 
 .post-meta a {
     color: inherit;
 }
 
 .post-title a {
     /*color: inherit !important;*/
     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: 35px;
     height: 35px;
     line-height: 35px;
     text-align: center;
     margin: 0 16px 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;
 }
 /*Center Align Title and Meta in Blog and Single Post page*/
 
 .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;
 }
 /*Center Align Content in Blog page*/
 
 .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;
 }
 /******************************
    Blog Style2
******************************/
 
 .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;
 }
 /******************************
    Blog Style3
******************************/
 
 .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;
 }
 /******************************
    Blog Style4
******************************/
 
 .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;
 }
 /******************************
    Blog Style7
******************************/
 
 .style7-blog .blog-separator .separator {
     height: 1px;
 }
 /******************************
	Blog Style 8
******************************/
 
 .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: 30px 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 post page ***/
 
 .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: 40px;
 }
 
 .be-wide-single-post .section-overlay {
     background: rgba(0, 0, 0, 0.4);
 }
 
 .hero-section-blog-title {
     margin: 15px 0;
     max-width: 90%;
     margin: 0 auto;
 }
 /******************************
	Blog Style 9
******************************/
 
 .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;
 }
 /*.blog-category {
    padding: 3px 20px;
    display: inline-block;
    margin-right: 10px;
    border-radius: 30px;
}*/
 
 .style9-blog .post-title {
     margin-bottom: 7px;
 }
 
 .style9-blog .post-date {
     margin-bottom: 15px;
 }
 /******************************
    Audio Post Format
******************************/
 
 .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;
 }
 /* ======================
    Comments
   ====================== */
 
 .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;
 }
 /* ======================
    Typography
   ====================== */
 
 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;
 }
 /*------- Anchor ----------- */
 
 a,
 a:visited,
 a:hover {
     text-decoration: none;
 }
 
 .sidebar-widgets .widget ul li a {
     color: inherit;
 }
 /*------- Lists ----------- */
 
 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;
 }
 /* ==========================================================
    Tags and classes that come with Wordpress 
   ========================================================== */
 
 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;
 }
 /* Wordpress default Image Alignment classes */
 
 .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;
 }
 /* WordPress built-in class for handling sticky posts */
 
 .sticky,
 .bypostauthor {}
 /* Images */
 
 img[class*="align"],
 img[class*="wp-image-"] {
     height: auto;
 }
 /* ======================
    Form
   ====================== */
 
 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"],
 input[type="file"]::-webkit-file-upload-button,
 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 !important;*/
     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;
 }
 /*** view project tail style ***/
 
 .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%;
 }
 /* Contact Form 7 Plugin */
 
 .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;
 }
 /******* share icons stacked style *********/
 
 .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 Page
   ====================== */
 /* Contact Form */
 
 .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: 30px !important;
 }
 
 .contact_form {
     margin-bottom: 60px;
 }
 /*.contact_form_module.contact_form input[type="text"] {
	width: 100%;
	line-height: 40px !important;
	height: 40px;
}*/
 
 .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 */
 
 .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 {
     background: url('img/loader.html') no-repeat top left;
     display: inline-block;
     width: 25px;
     height: 25px;
     position: absolute;
     display: none;
     /*top: 15px;*/
     left: 0;
     margin-left: 100px;
     /*margin-top: -7px;*/
     top: -46%;
     transform: translateY(50%);
 }
 
 .contact_loader .font-icon {
     width: 15px;
     height: 15px;
     border-width: 3px;
 }
 /* =========================================================================
                                    WIDGETS
   ========================================================================= */
 /* ======================
    Widget Areas
   ====================== */
 
 .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;
 }
 /* ===========================
    Recent Posts
   =========================== */
 
 .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
 }
 /* ======================
    Tags 
   ====================== */
 
 .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;
     background-clip: padding-box;
     color: inherit;
     border: 1px solid;
 }
 /* ======================
    Search
   ====================== */
 
 .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;
 }
 /* ======================
    WP Calendar
   ====================== */
 
 #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;
 }
 /* ==================================================
    Categories, Archives, Links, Meta, Menu, Side nav
   ================================================== */
 
 .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;
     /*same as padding-left set on li*/
     width: 25px;
     /*same as padding-left set on li*/
     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 Widget
   ====================== */
 
 .photostream ul {
     list-style: none;
     padding-left: 0;
 }
 
 .photostream ul li {
     margin: 0px 5px 10px 5px;
     float: left;
     width: auto;
 }
 /*.photostream ul li.last {
    margin-right: 0px;
}*/
 
 .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;
 }
 /* ======================
   Language Switcher
   ====================== */
 
 #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
   ====================== */
 
 #back-to-top {
     position: fixed;
     bottom: 20px;
     right: 20px;
     display: block;
     font-size: 17px;
     z-index: 9;
     display: none;
     width: 40px;
     height: 40px;
     line-height: 40px;
     text-align: center;
 }
 /* ======================
   SINGLE PAGE
   ====================== */
 
 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;
     /*background: #000;*/
     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;
 }
 /**** Hero Section Arrow Bounce ****/
 /*
 * Animation for webkit
*/
 
 @-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);
     }
 }
 /*
 * Adding the animation to our element
*/
 
 .section-navigation .font-icon {
     -webkit-animation: arrow-bounce 2.5s infinite;
     animation: arrow-bounce 2.5s infinite;
 }
 /* ---------------------------------------------- /*
 * Mouse animate icon
/* ---------------------------------------------- */
 
 .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;
 }
 /*widget_shopping_cart_wrap to appear properly when added to left header*/
 
 #header-controls-left .widget_shopping_cart_wrap {
     left: 0px;
 }
 /*Hamburger Menu*/
 
 .hamburger-nav-controller {
     cursor: pointer;
 }
 /************************************************
 	be-sidemenu
 ************************************************/
 
 .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;
 }
 /*Right Sliding Sidebar*/
 
 .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;
 }
 /*For page stack top no need to worry about the admin bar in be-sidemenu-content*/
 
 .admin-bar:not(.page-stack-top) #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%;
     min-height: 100px;
 }
 
 .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;
     margin-top:80px;
 }
 
 .special-header-logo,
 .special-header-bottom-text {
     text-align: center;
 }
 
 .be-sidemenu .special-header-menu {
     position: relative;
     -ms-flex-positive: 1;
     flex-grow: 1;
     color: white;
 }
 
 .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;
 }
 /*New Menu styles*/
 
 #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;
     margin-bottom:0px;
 }
 
 .special-header-menu #slidebar-menu.animate-inFromBottom {
     overflow-y: hidden;
 }
 /*In case the menu is not set, make the message occupy the entire space*/
 
 .be-sidemenu-content>a {
     -ms-flex-positive: 1;
     flex-grow: 1;
     width: 100%;
     text-align: center;
 }
 
 .be-sidemenu .special-header-bottom-text {
     overflow: auto;
 }
 
 .left-static-menu .special-header-bottom-text,
 .left-static-menu .special-header-logo {
     visibility: hidden;
 }
 
 .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;
 }
 /*Dont allow pointer events to happen when side-menu-opened is there*/
 
 .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 {
     /*transform-origin: left center;*/
 }
 
 .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);
 }
 /*Bottom Portfolio Navigation*/
 
 .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;
 }
 
 .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);
 }
 /* =========================================================================
                                    TABLET
   ========================================================================= */
 /*START HERE*/
 
 @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%;
     }
     .item{
         width:31% !important;
     }
 }
 
 @media only screen and (max-width: 960px) {

      .item{
         width:46% !important;
         margin-left:7px !important;
         margin-right:7px !important;
     }

     #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%;
         /*padding: 10px 0px !important;*/
     }
     #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;
     }
 }
 /* =========================================================================
                                    MOBILE 320
   ========================================================================= */
 
 @media only screen and (max-width: 767px) {
      .item{
         width:100% !important;
     }
     #header-inner-wrap.stuck {
         position: relative;
         width: 100%;
         box-shadow: none;
     }
     .top-bar-widgets {
         margin-left: 0px;
         margin-right: 15px;
     }
     /*------- Content Formatting Grid Blocks ----------- */
     ul.tabs li {
         float: none;
         margin-right: 0px;
         width: 100%;
         margin-left: 0px;
     }
     /*  Comments */
     .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;
     }
     .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;
     }
 }
 /* =========================================================================
                                    MOBILE 320 - SPECIFIC
   ========================================================================= */
 
 @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;
     }
 }
 /* =========================================================================
                                    MOBILE 480
   ========================================================================= */
 
 @media only screen and (min-width: 480px) and (max-width: 767px) {
     .vcard,
     .children .vcard {
         width: 20%;
     }
     .blog .full-screen .element {
         width: 100% !important;
     }
 }
 /* ==========================================================================
   Helper classes
   ========================================================================== */
 
 .left {
     float: left;
 }
 
 .right {
     float: right;
 }
 /*.last{
    margin-right: 0 !important;
}*/
 
 .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;
 }
 /*
 * Image replacement
 */
 
 .ir {
     background-color: transparent;
     border: 0;
     overflow: hidden;
     /* IE 6/7 fallback */
     *text-indent: -9999px;
 }
 
 .ir:before {
     content: "";
     display: block;
     width: 0;
     height: 100%;
 }
 /*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
 
 .hidden {
     display: none !important;
     visibility: hidden;
 }
 /*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
 
 .visuallyhidden {
     border: 0;
     clip: rect(0 0 0 0);
     height: 1px;
     margin: -1px;
     overflow: hidden;
     padding: 0;
     position: absolute;
     width: 1px;
 }
 /*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
 
 .visuallyhidden.focusable:active,
 .visuallyhidden.focusable:focus {
     clip: auto;
     height: auto;
     margin: 0;
     overflow: visible;
     position: static;
     width: auto;
 }
 /*
 * Hide visually and from screenreaders, but maintain layout
 */
 
 .invisible {
     visibility: hidden;
 }
 /*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
 
 .clearfix:before,
 .clearfix:after {
     content: " ";
     /* 1 */
     display: table;
     /* 2 */
 }
 
 .clearfix:after {
     clear: both;
 }
 /*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
 
 .clearfix {
     *zoom: 1;
 }
 
 @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (min-resolution: 144dpi) {
     /* Style adjustments for high resolution devices */
 }
 /* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
 
 @media print {
     * {
         background: transparent !important;
         color: #000 !important;
         /* Black prints faster: h5bp.com/s */
         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) ")";
     }
     /*
     * Don't show links for images, or javascript/internal links
     */
     .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;
         /* h5bp.com/t */
     }
     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;
     }
 }
 
 @keyframes play60 {
     0% {
         background-position: 0px 0px;
     }
     100% {
         background-position: -23220px 0px;
     }
 }
 
 .shapeshifter {
     margin: auto;
     animation-duration: 1000ms;
     animation-timing-function: steps(60);
     animation-fill-mode: forwards;
     width: 387px;
     height: 143px;
     background-repeat: no-repeat;
 }
 
 .shapeshifter.play {
     animation-name: play60;
 }


 .normal-logo{
     max-height:4.2em;
 }

 .text-danger{
     color:red;
 }







 
figure {
    position: relative;
    overflow: hidden;
    /* max-height: 360px; */
    height: auto;
    background: #3085a3;
    text-align: center;
    cursor: pointer;
}

figure img {
    position: relative;
    display: block;
    min-height: 100%;
    max-width: 100%;
    opacity: 0.8;
}

figure figcaption{
    padding: 2em;
    color: #fff;
   font: 500 1.2em "Roboto","Open Sans","Arial",sans-serif;
   text-transform: uppercase;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

figure figcaption::before,
figure figcaption::after {
    pointer-events: none;
}

figure figcaption,
figure figcaption>a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* padding: 5em; */
}


/* Anchor will cover the whole item by default */


/* For some effects it will show as a button */

figure figcaption>a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
}

 

.cap-span{
    font-weight:100;
    font-size:0.9em;
    line-height: 17px;
    text-transform:none;
    display:block;
    margin-top:1em;
}
/*---------------*/


/***** Ming *****/


/*---------------*/

figure.effect-ming {
    /*background: #030c17;*/
}

figure.effect-ming img {
    opacity: 1;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
}

figure.effect-ming figcaption::before {
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
    background: rgba(255, 255, 255, 0.9);
    border: 2px solid #fff;
    box-shadow: 0 0 0 30px rgba(255, 255, 255, 0.2);
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale3d(1.4, 1.4, 1);
    transform: scale3d(1.4, 1.4, 1);
}

figure.effect-ming h2 {
    margin: 20% 0 10px 0;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
}

figure.effect-ming p {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100%;
    /*padding: 1em;*/
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    color: #1e1e1f;
}

figure.effect-ming:hover h2 {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}

figure.effect-ming:hover figcaption::before,
figure.effect-ming:hover p {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

figure.effect-ming:hover figcaption {
    background-color: rgba(58, 52, 42, 0);
}

figure.effect-ming:hover img {
    opacity: 0.4;
}


 
.masonry {
    /* Masonry container */
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1em;
    -moz-column-gap: 1em;
    column-gap: 2.2em;
    margin: 1.5em;
    padding: 0;
    -moz-column-gap: 1.5em;
    -webkit-column-gap: 1.5em;
    column-gap: 1.5em;
    font-size: .85em;
    margin: auto;
    /* max-width: 1060px; */
    width: 100%;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
}

.item {
    display: inline-block;
    background: #fff;
    /* padding: 1em; */
    margin: 0 0 3em;
    /*width: 100%;*/
    width:31%;
    -webkit-transition: 1s ease all;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    /* box-shadow: 2px 2px 4px 0 #ccc; */
    
}

.item img {
    max-width: 100%;
}

@media only screen and (max-width: 320px) {
    .masonry {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
}

@media only screen and (min-width: 321px) and (max-width: 768px) {
    .masonry {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
}

@media only screen and (min-width: 769px) and (max-width: 1200px) {
    .masonry {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
        column-gap:2.2em;
    }
}

@media only screen and (min-width: 1201px) {
    .masonry {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
        column-gap:2.2em;
    }
}

.menu-right {
    font-size: 1.3em;
    margin-top: 1em;
}

.sub-menu {
    list-style: none;
    margin-left: 1em;
    font-size: 0.7em;
    line-height: 20px;
    color: white;
    overflow: hidden;
    max-height: 0;
    -webkit-transition: all 0.5s ease-out;
    padding: 0;
    margin: 0;
}

.menu-right li:hover .sub-menu {
    display: block;
    max-height: 360px;
}

.sub-menu-item {
    margin-top: 5px;
    margin-bottom:0px;
}

  

.header-mobile-navigation {
    margin-top: 30px;
}

.project-desc {
    margin-left: 0 !important;
    margin-top: 10px;
    text-align: left;
}

@keyframes slideInFrombot {
    0% {
        transform: translateY(20%);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

figure {
    animation: 1.5s ease-out slideInFrombot;
}




@keyframes fadeInUp {
    from {
        transform: translate3d(0,40px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@-webkit-keyframes fadeInUp {
    from {
        transform: translate3d(0,40px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both
}

.animatedFadeInUp {
    opacity: 0
}

.fadeInUp {
    opacity: 1;
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
}


.cap-desc{
    display:block;
    font-size:0.8em;
    margin-top:0.8em;
}




@keyframes FadeIn { 
  0% {
    opacity: 0;
    transform: translateY(50px);
  }

  85% {
    opacity: 1;
    transform: translateY(0px);
  }
  /*100% {
    transform: translateY(0px);
  }*/
}

.masonry .item {
  animation: FadeIn 500ms ease;
  animation-fill-mode: both;
}

.wh-anim{
  animation: FadeIn 500ms ease;
  animation-fill-mode: both;
  animation-delay: 500ms;
}

.work-anim{
  animation: FadeIn 500ms ease;
  animation-fill-mode: both;
  animation-delay: 700ms;
}

.special-subtitle {
font: 400 15px "Hind","Open Sans","Arial",sans-serif;
}

/*.masonry .item:nth-child(0) { animation-delay: 800ms }
.masonry .item:nth-child(1) { animation-delay: 900ms }
.masonry .item:nth-child(2) { animation-delay: 1000ms }
.masonry .item:nth-child(3) { animation-delay: 1100ms }
.masonry .item:nth-child(4) { animation-delay: 1200ms }
.masonry .item:nth-child(5) { animation-delay: 1300ms }
.masonry .item:nth-child(6) { animation-delay: 1400ms }
.masonry .item:nth-child(7) { animation-delay: 1500ms }*/