.menustylewithlogo body{-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
font-size:13px;
line-height:24px;
font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
color:#666;
overflow-x:hidden}
@media(max-width:980px){.menustylewithlogo .nav-logo-fix{width:81% !important;
text-align:left !important}
}
.menustylewithlogo body.boxed-layout{background:#eee}
.menustylewithlogo .white-links a{color:#fff}
.menustylewithlogo body.boxed-layout,.menustylewithlogo .boxed-layout .nav-container,.menustylewithlogo .boxed-layout nav{max-width:1366px;
margin:0 auto;
left:0;
right:0}
.menustylewithlogo ul{list-style:none}
.menustylewithlogo ul.bullets{list-style:inside}
.menustylewithlogo .list-inline{margin-left:0}
.menustylewithlogo .list-inline>ul li{padding:0 8px;
border-bottom:1px solid groove}
.menustylewithlogo .list-inline>li:last-child{padding-right:0}
.menustylewithlogo .list-inline>li:first-child{padding-left:0}
.menustylewithlogo .bg-primary .list-inline i{color:#8ed3ab}
.menustylewithlogo .overflow-hidden{overflow:hidden}
.menustylewithlogo .display-block{display:block}
.menustylewithlogo .right{right:0}
.menustylewithlogo .relative{position:relative;
z-index:2}
.menustylewithlogo .clearboth{clear:both}
.menustylewithlogo .spread-children *{display:inline-block;
margin-left:12px;
margin-right:12px}
.menustylewithlogo .spread-children-large *{display:inline-block;
margin-left:24px;
margin-right:24px}
.menustylewithlogo .container{position:relative}
.menustylewithlogo .vnu{display:inline}
.menustylewithlogo .row-gapless>div[class*='col-']{padding:0}
.menustylewithlogo .slide_logo{display:block;
width:50%;
margin:auto 40px auto}
.menustylewithlogo .slide_logo img{width:45%}
.menustylewithlogo .slide_logo{display:block;
width:43%;
margin:auto;
position:absolute;
right:0;
left:0;
top:-271px}
.menustylewithlogo .slide_logo img{padding-bottom:40px;
vertical-align:top}
.menustylewithlogo a,.menustylewithlogo a:visited,.menustylewithlogo a:focus,.menustylewithlogo a:active,.menustylewithlogo a:hover{text-decoration:none;
outline:none}
.menustylewithlogo .menu_bg{background:#f1a308}
.menustylewithlogo .menu_bg .menu li a,.menustylewithlogo i{font-weight:800;
opacity:9}
.menustylewithlogo .top_nav{float:left;
display:inline-table;
width:100%}
.menustylewithlogo .top_nav ul li{display:inline-block}
.menustylewithlogo .color-body{color:#666}
.menustylewithlogo .color-primary{color:#47b475 !important}
.menustylewithlogo .color-red{color:#e31d3b !important}
.menustylewithlogo .color-white{color:#fff}
.menustylewithlogo section{padding:96px 0;
position:relative;
overflow:hidden}
.menustylewithlogo .fullscreen{height:75vh !important}
@media all and (max-width:767px){.menustylewithlogo section{padding:80px 0}
}
.menustylewithlogo .overlay:before{position:absolute;
content:'';
width:100%;
height:100%;
top:0;
left:0;
background:#292929;
opacity:.3;
z-index:2}
.menustylewithlogo .overlay-heavy:before{opacity:.6}
.menustylewithlogo .bg-light.overlay:before{position:absolute;
content:'';
width:100%;
height:100%;
top:0;
left:0;
background:#fff;
opacity:.1;
z-index:2}
.menustylewithlogo .image-bg h6{color:#fff}
.menustylewithlogo .image-bg li{color:#fff}
.menustylewithlogo .image-bg .container,.menustylewithlogo .image-bg div[class*='col-']{position:relative;
z-index:3}
.menustylewithlogo .container.image-bg .row{position:relative;
z-index:3}
.menustylewithlogo .background-image-holder{position:absolute;
width:100%;
height:100%;
top:0;
left:0;
z-index:1;
background:#292929;
background-size:cover !important;
background-position:50% 0% !important;
transition:all .3s ease;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
opacity:0}
.menustylewithlogo .background-image-holder img{display:none}
.menustylewithlogo .background-image-holder.fadeIn{opacity:1}
.menustylewithlogo .nav-container{-webkit-backface-visibility:hidden;
max-width:100%}
.menustylewithlogo nav{background:#fff;
-webkit-backface-visibility:hidden;
max-width:100%}
.menustylewithlogo nav ul{margin-bottom:0}
.menustylewithlogo .module{display:inline-block;
padding:0 32px}
.menustylewithlogo .module-group{display:inline-block}
.menustylewithlogo .module.left,.menustylewithlogo .module-group.left{float:left;
position:absolute;
z-index:99}
.menustylewithlogo .module.left a{color:#7b7b7b}
.menustylewithlogo .module.right,.menustylewithlogo .module-group.right{float:right}
.menustylewithlogo nav .btn,.menustylewithlogo .nav-bar .btn{margin:0;
height:auto}
.menustylewithlogo .nav-utility{border-bottom:1px solid #ccc;
overflow:hidden}
.menustylewithlogo .nav-utility i{position:relative;
top:1px}
.menustylewithlogo .nav-bar{height:auto;
max-height:auto;
line-height:auto;
border-bottom:1px solid #ccc}
.menustylewithlogo .nav-bar .module,.menustylewithlogo .nav-bar .module-group{height:100%;
position:relative;
z-index:99}
.menustylewithlogo .nav-bar a{display:inline-block;
height:auto}
.menustylewithlogo .logo{max-width:300px}
.menustylewithlogo .logo-light{display:none}
.menustylewithlogo nav.nav-centered .logo{max-height:64px;
margin:64px 0 40px 0}
.menustylewithlogo nav.bg-dark .logo-light{display:inline;
position:absolute;
z-index:99}
.menustylewithlogo nav.bg-dark .logo-dark{display:none;
position:absolute;
z-index:99}
.menustylewithlogo .has-dropdown{padding-right:18px}
.menustylewithlogo .has-dropdown:after{position:absolute;
top:0;
right:0;
font-size:11px;
content:"\25bc";
;
font-family:'themify';
speak:none;
font-style:normal;
font-weight:normal;
font-variant:normal;
text-transform:none;
color:#fff}
.menustylewithlogo .menu{width:100%;
height:auto;
font-family:'Georgia';
font-style:italic}
.menustylewithlogo .menu.inline-block{width:auto}
.menustylewithlogo ul.menu li a{font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif !important;
font-style:normal !important}
.menustylewithlogo .menu li a{font-size:11px;
text-transform:uppercase;
font-weight:600;
letter-spacing:1px;
color:#292929;
opacity:.5;

transition:all 0.12s linear;
-webkit-transition:all 0.12s linear;
-moz-transition:all 0.12s linear;
max-width:100%;
white-space:normal}
.menustylewithlogo .menu li a:hover{opacity:1 !important}
.menustylewithlogo .menu>li{margin-right:32px;
float:left;
position:relative;

transform:perspective(600px) rotateX(0deg);
opacity:1}
.menustylewithlogo .menu>li:last-child{margin-right:0}
.menustylewithlogo .menu>li:last-child>ul{right:0}
.menustylewithlogo .menu>li:last-child>ul ul{left:auto;
right:100%}
.menustylewithlogo .menu>li ul{width:250px;
background:#292929;
position:absolute;
z-index:99;
opacity:0;
transform:perspective(600px) rotateX(90deg);
transition:all 300ms ease-in-out;
visibility:hidden;
vertical-align: 50%;
margin-top:17px}
.menustylewithlogo .menu>li>ul>li{position:relative;
line-height:16px;
opacity: 0.8;
vertical-align:top;
 border: 2px solid rgb(218, 218, 218);
  border-radius: 15px;
  margin: 8px;
}
.menustylewithlogo .menu>li>ul>li i{display:inline-block;
margin-right:2px}
.menustylewithlogo .menu>li>ul>.has-dropdown:after{color:#fff;
top:5px;
right:12px;
content:"\25b6"}
.menustylewithlogo .menu>li>ul li a{color:#fff;
height:auto;
padding:6px 12px}
.menustylewithlogo .menu>li>ul>li>ul{left:100%;
top:0}
.menustylewithlogo .menu>li:hover>ul{opacity:1;
    transform:perspective(600px) rotateX(0deg);
	transform-origin:top;
	transition:all 300ms ease-in-out;
    visibility:visible}
    .menustylewithlogo .menu>li>ul>li:hover {
        opacity: 1;
        border: 2px solid rgb(255, 255, 255);
        border-radius: 15px;
    }
.menustylewithlogo .menu>li>ul>li:hover>ul,.menustylewithlogo .has-dropdown:hover .mega-menu ul{opacity:1;
transform:all 0.12s linear;
-webkit-transform:all 0.12s linear;
-moz-transform:all 0.12s linear;
visibility:visible}
.menustylewithlogo .mega-menu{width:auto !important;
white-space:nowrap;
line-height:24px}
.menustylewithlogo .mega-menu ul{position:relative !important;
left:auto !important;
padding:0 !important}
.menustylewithlogo .mega-menu>li{width:200px !important;
overflow:hidden;
display:inline-block}
.menustylewithlogo .mega-menu .title{letter-spacing:1px;
color:#fff;
display:inline-block;
padding:6px 24px;
text-transform:uppercase;
font-size:11px;
font-weight:600}
.menustylewithlogo .make-right{right:0}
.menustylewithlogo .module.widget-handle{border-left:1px solid #ccc;
padding:0 24px;
cursor:pointer;
position:relative;
-webkit-touch-callout:none;
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
margin:0}
.menustylewithlogo nav.nav-centered .module.widget-handle{border:none !important}
@media all and (max-width:1100px){.menustylewithlogo .module.widget-handle{padding:0 16px}
}
@media(max-width:1120px){.menustylewithlogo .menu>li{margin-right:24px}
}
.menustylewithlogo .module.widget-handle i{font-size:20px;
line-height:53px;
opacity:.5;
transition:all .3s ease;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease}
.menustylewithlogo .module.widget-handle:hover i,.menustylewithlogo .module.active i{opacity:1}
.menustylewithlogo .widget-handle .function{-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.2);
-moz-box-shadow:0 0 10px 0 rgba(0,0,0,.2);
box-shadow:0 0 10px 0 rgba(0,0,0,.2);
cursor:default;
width:200px;
background:#292929;
position:absolute;
z-index:99;
opacity:0;
transition:all .3s ease;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
transform:translate3d(0,10px,0);
-webkit-transform:translate3d(0,10px,0);
-moz-transform:translate3d(0,10px,0);
visibility:hidden;
margin-top:-2px;
right:0}
.menustylewithlogo .module.widget-handle:hover .function{opacity:1;
transform:translate3d(0,0,0);
-webkit-transform:translate3d(0,0,0);
-moz-transform:translate3d(0,0,0);
visibility:visible}
.menustylewithlogo .module.widget-handle .title{font-family:'Georgia';
font-style:italic;
letter-spacing:1px;
text-transform:uppercase;
font-size:11px;
font-weight:600;
display:none;
opacity:.5;
transition:all .3s ease;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease}
.menustylewithlogo .module.widget-handle .title:hover{opacity:1}
.menustylewithlogo .widget-handle .cart{position:relative}
.menustylewithlogo .widget-handle .cart .label{width:17px;
height:17px;
font-size:10px;
line-height:17px;
padding:0;
text-align:center;
position:absolute;
background:#47b475;
top:10px;
right:-10px;
border-radius:50%}
.menustylewithlogo .widget-handle .search-form{padding:8px;
display:inline-block;
width:100%;
line-height:50px}
.menustylewithlogo .widget-handle .search-form input{margin:0;
font-size:16px}
.menustylewithlogo nav .widget{margin:0;
padding:24px}
.menustylewithlogo nav .widget .title{display:none !important}
.menustylewithlogo nav .widget,.menustylewithlogo nav .widget a:not(.btn){color:#fff}
.menustylewithlogo nav .widget hr{border-color:#777;
margin-bottom:16px}
.menustylewithlogo nav .widget hr:first-of-type{display:none}
.menustylewithlogo .cart-widget-handle .function{width:auto;
background:#fff}
.menustylewithlogo .cart-widget-handle .function span{color:#222 !important}
.menustylewithlogo nav .cart-overview{min-width:300px;
margin-bottom:16px}
.menustylewithlogo nav .cart-overview a{height:auto}
.menustylewithlogo .language .menu>li ul{max-width:150px}
.menustylewithlogo .nav-open{max-height:10000px !important;
height:auto !important}
.menustylewithlogo .nav-open .mobile-toggle{border-bottom:1px solid #ccc}
.menustylewithlogo .has-offscreen-nav .main-container{transition:all .4s ease;
-webkit-transition:all .4s ease;
-moz-transition:all .4s ease}
.menustylewithlogo .offscreen-container{position:fixed;
transform:translate3d(200%,0,0);
-webkit-transform:translate3d(200%,0,0);
-moz-transform:translate3d(200%,0,0);
width:50%;
top:0;
height:100%;
min-height:100vh;
z-index:20;
transition:all .4s ease;
-webkit-transition:all .4s ease;
-moz-transition:all .4s ease;
overflow:hidden}
.menustylewithlogo .offscreen-container.reveal-nav{transform:translate3d(100%,0,0);
-webkit-transform:translate3d(100%,0,0);
-moz-transform:translate3d(100%,0,0)}
.menustylewithlogo .main-container.reveal-nav{transform:translate3d(-50%,0,0);
-webkit-transform:translate3d(-50%,0,0);
-moz-transform:translate3d(-50%,0,0)}
.menustylewithlogo .offscreen-left .offscreen-container{transform:translate3d(-50%,0,0);
-webkit-transform:translate3d(-50%,0,0);
-moz-transform:translate3d(-50%,0,0)}
.menustylewithlogo .offscreen-left .offscreen-container.reveal-nav{transform:translate3d(0%,0,0);
-webkit-transform:translate3d(0%,0,0);
-moz-transform:translate3d(0%,0,0)}
.menustylewithlogo .offscreen-left .main-container.reveal-nav,.offscreen-left nav.reveal-nav{transform:translate3d(50%,0,0) !important;
-webkit-transform:translate3d(50%,0,0) !important;
-moz-transform:translate3d(50%,0,0) !important}
.menustylewithlogo .offscreen-container .close-nav{position:absolute;
right:24px;
top:16px;
z-index:24;
font-size:20px;
transition:all .3s ease;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
opacity:.5}
.menustylewithlogo .offscreen-container .close-nav:hover{opacity:1}
.menustylewithlogo .offscreen-container.bg-dark .close-nav i{color:#fff}
@media all and (max-width:990px){.menustylewithlogo .menu{width:83%}
.menustylewithlogo .offscreen-container{width:100vw}
.menustylewithlogo .offscreen-container.reveal-nav{transform:translate3d(0,0,0);
-webkit-transform:translate3d(0,0,0);
-moz-transform:translate3d(0,0,0)}
.menustylewithlogo .main-container.reveal-nav{transform:none !important}
.menustylewithlogo .logo{width:50px}
}
@media all and (max-width:990px){.menustylewithlogo nav.fixed{position:absolute !important;
opacity:1 !important;
visibility:visible !important}
.menustylewithlogo nav.outOfSight{transform:translate3d(0,0,0) !important;
-webkit-transform:translate3d(0,0,0) !important;
-moz-transform:translate3d(0,0,0) !important}
.menustylewithlogo .nav-bar,.menustylewithlogo .nav-bar .module-group,.menustylewithlogo .nav-bar .module{height:auto;
overflow:hidden;
text-align:left !important}
.menustylewithlogo .nav-bar .module{padding:0 16px}
.menustylewithlogo .nav-bar .module-group{width:100%;
padding:16px 0}
.menustylewithlogo nav.bg-dark .logo-light{display:inline;
position:absolute;
z-index:99}
.menustylewithlogo nav.bg-dark .logo-dark{display:none;
position:absolute;
z-index:99}
.menustylewithlogo .nav-bar .module-group .module{display:block;
float:none;
width:100%}
.menustylewithlogo nav.nav-centered .logo{margin:24px 0 16px 0;
max-height:40px}
.menustylewithlogo .menu{height:auto}
.menustylewithlogo .menu.inline-block{width:100%}
.menustylewithlogo .menu a{height:auto;
line-height:24px;
padding:4px 0}
.menustylewithlogo .menu li{line-height:24px;
float:none;
display:block;
width:100%;
max-width:100%}
.menustylewithlogo .menu>li ul{position:relative;
width:100%;
opacity:1;
visibility:visible;
transform:translate3d(0,0,0);
-webkit-transform:translate3d(0,0,0);
-moz-transform:translate3d(0,0,0);
left:0}
.menustylewithlogo .menu>li>ul{position:relative;
opacity:1;
visibility:visible;
display:none;
transform:translate3d(0,0,0);
-webkit-transform:translate3d(0,0,0);
-moz-transform:translate3d(0,0,0)}
.menustylewithlogo .menu>li>ul>.has-dropdown:after{content:"\25bc";
}
.menustylewithlogo .menu>li>ul>li>ul{left:0;
display:none;
padding:0}
.menustylewithlogo .menu>li>ul li a,.menustylewithlogo .mega-menu .title{padding:4px 16px}
.menustylewithlogo .has-dropdown .has-dropdown li{padding-left:18px}
.menustylewithlogo .has-dropdown{padding-right:0}
.menustylewithlogo .mega-menu{margin-left:0 !important}
.menustylewithlogo .mega-menu li{width:100% !important}
.menustylewithlogo .toggle-sub>ul,.menustylewithlogo .toggle-sub .mega-menu ul{display:block !important}
.menustylewithlogo .module.widget-handle{border-left:none;
border-top:1px solid #ccc;
line-height:40px;
min-height:40px}
.menustylewithlogo .module.widget-handle .menu{line-height:40px}
.menustylewithlogo .module.widget-handle .menu li{line-height:40px}
.menustylewithlogo .module.widget-handle i{line-height:40px}
.menustylewithlogo .module.widget-handle .title{display:inline-block;
position:relative;
bottom:3px;
margin-left:8px}
.menustylewithlogo .widget-handle .function{width:100%;
position:relative;
opacity:1;
transform:translate3d(0,0,0);
-webkit-transform:translate3d(0,0,0);
-moz-transform:translate3d(0,0,0);
visibility:visible;
margin-top:0;
display:none;
box-shadow:none !important}
.menustylewithlogo .toggle-widget-handle .function{display:block !important}
.menustylewithlogo .widget-handle .cart .label{width:22px;
height:22px;
font-size:12px;
line-height:22px;
top:18px}
.menustylewithlogo .mobile-toggle{border-left:1px solid #ccc !important;
border-bottom:none !important}
.menustylewithlogo .mobile-toggle i{line-height:53px !important}
.menustylewithlogo .mobile-toggle.absolute-xs{position:absolute;
top:0}
.menustylewithlogo nav.nav-centered .mobile-toggle{width:100%}
.menustylewithlogo .menustylewithlogo nav.bg-dark .module.widget-handle{border-top:1px solid #444}
.menustylewithlogo nav.bg-dark .mobile-toggle{border-left:1px solid #444 !important}
.menustylewithlogo nav.bg-dark .nav-open .mobile-toggle{border-bottom:1px solid #444}
}
.menustylewithlogo nav.outOfSight{transform:translate3d(0,-200px,0);
-webkit-transform:translate3d(0,-200px,0);
-moz-transform:translate3d(0,-200px,0)}
.menustylewithlogo nav.scrolled{transform:translate3d(0,0,0);
-webkit-transform:translate3d(0,0,0);
-moz-transform:translate3d(0,0,0);
transition:all .3s ease;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease}
.menustylewithlogo nav.fixed,.menustylewithlogo nav.absolute{top:0;
width:100%;
z-index:999;
left:0;
right:0}
.menustylewithlogo nav.absolute{position:absolute}
.menustylewithlogo nav.fixed{position:fixed;
visibility:hidden;
opacity:0}
.menustylewithlogo nav.fixed .nav-utility{display:none}
.menustylewithlogo nav.fixed.scrolled{visibility:visible;
opacity:1}
.menustylewithlogo nav.transparent .menu>li>a,.menustylewithlogo nav.transparent .module.widget-handle i,.menustylewithlogo nav.transparent .nav-utility{color:#fff}
.menustylewithlogo nav.transparent .nav-utility,.menustylewithlogo nav.transparent .nav-bar{border-bottom:1px solid rgba(255,255,255,.2)}
.menustylewithlogo nav.transparent .module.widget-handle{border-left:1px solid rgba(255,255,255,.2) !important}
.menustylewithlogo nav.transparent .menu>li>a,.menustylewithlogo nav.transparent .module.widget-handle i{opacity:1}
.menustylewithlogo nav.transparent .has-dropdown:after{color:#fff}
.menustylewithlogo nav.transparent .logo-dark{display:none}
.menustylewithlogo nav.transparent .logo-light{display:inline}
.menustylewithlogo nav.transparent{background:none}
.menustylewithlogo .has-offscreen-nav>nav.fixed{opacity:1;
transform:none;
visibility:visible}
@media all and (max-width:990px){.menustylewithlogo nav.transparent .nav-open{background:#fff}
.menustylewithlogo nav.transparent .nav-open .menu>li>a,.menustylewithlogo nav.transparent .nav-open .module.widget-handle i,.menustylewithlogo nav.transparent .nav-open .nav-utility{color:#292929}
.menustylewithlogo nav.transparent .nav-open .logo-dark{display:inline}
.menustylewithlogo nav.transparent .nav-open .logo-light{display:none}
.menustylewithlogo nav.transparent .nav-open .has-dropdown:after{color:#292929}
.menustylewithlogo .menu>li:last-child>ul ul{right:0}
}
.menustylewithlogo nav.transparent.fixed{background:#fff}
.menustylewithlogo nav.transparent.fixed .logo-light{display:none}
.menustylewithlogo nav.transparent.fixed .logo-dark{display:inline}
.menustylewithlogo nav.transparent.fixed .menu>li>a,.menustylewithlogo nav.transparent.fixed .module.widget-handle i{color:#292929}
.menustylewithlogo nav.transparent.fixed .menu>.has-dropdown:after{color:#fff;
color:#292929}
.menustylewithlogo nav.transparent.fixed .module.widget-handle{border-left:1px solid #ccc}
.menustylewithlogo nav.transparent.fixed .menu>li>a,.menustylewithlogo nav.transparent.fixed .module.widget-handle i{opacity:.5}
.menustylewithlogo nav.bg-dark .menu>li>a,.menustylewithlogo nav.bg-dark .module.widget-handle i,.menustylewithlogo nav.bg-dark .nav-utility{color:#fff;
opacity:1.7}
.menustylewithlogo nav.bg-dark .module.widget-handle{border-left:1px solid rgba(255,255,255,.2)}
.menustylewithlogo nav.bg-dark .nav-utility,.menustylewithlogo nav.bg-dark .nav-bar{border-bottom:1px solid rgba(255,255,255,.2)}
.menustylewithlogo nav.transparent.fixed.bg-dark{background:#292929}
.menustylewithlogo nav.transparent.fixed.bg-dark .menu>li>a,.menustylewithlogo nav.transparent.fixed.bg-dark .module.widget-handle i{color:#fff}
.menustylewithlogo nav.nav-centered.outOfSight .logo{display:none}
.menustylewithlogo .feature-3{overflow:hidden}
@media all and (min-width:768px){.menustylewithlogo .feature-3{min-height:160px}
}
.menustylewithlogo .feature-3 .left,.menustylewithlogo .feature-3 .right{display:inline-block;
float:left}
.menustylewithlogo .feature-3 .left{width:15%}
.menustylewithlogo .feature-3 .right{width:85%}
.menustylewithlogo .feature-3 i{color:#47b475}
.menustylewithlogo .bg-primary .feature-3 i{color:#fff}
.menustylewithlogo .feature-4 .left{width:25%}
.menustylewithlogo .feature-4 .right{width:75%}
.menustylewithlogo img{max-width:100%}
.menustylewithlogo .image-tile{overflow:hidden;
position:relative;
margin-bottom:24px}
.menustylewithlogo .image-tile img{width:100%;
display:inline-block}
.menustylewithlogo .image-tile .label{position:absolute;
top:16px;
right:16px;
z-index:5}
.menustylewithlogo .inner-title:before{transition:all .5s ease;
-webkit-transition:all .5s ease;
-moz-transition:all .5s ease;
content:'';
position:absolute;
left:0;
bottom:0;
width:100%;
height:100%;
background:-moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(34,34,34,.9) 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(34,34,34,.9)));
background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(34,34,34,.9) 100%);
background:-o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(34,34,34,.9) 100%);
background:-ms-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(34,34,34,.9) 100%);
background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(34,34,34,.9) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#292929',GradientType=0);
pointer-events:none}
.menustylewithlogo .inner-title.title-center:before{background:#292929;
opacity:.4}
.menustylewithlogo .inner-title:hover:before{transform:scale(1.2);
-webkit-transform:scale(1.2)}
.menustylewithlogo .inner-title .title{position:absolute;
width:100%;
bottom:24px;
z-index:5}
.menustylewithlogo .inner-title .title h6{color:#fff}
.menustylewithlogo .inner-title .title li{color:#fff}
.menustylewithlogo .inner-title.title-center .title{bottom:auto;
top:50%;
transform:translate3d(0,-50%,0);
-webkit-transform:translate3d(0,-50%,0);
-moz-transform:translate3d(0,-50%,0)}
.menustylewithlogo .inner-title .title h5{font-weight:600}
.menustylewithlogo .inner-title{transition:all .3s ease;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
opacity:1}
.menustylewithlogo .inner-title:hover{opacity:.95}
.menustylewithlogo .inner-title.hover-reveal:before{opacity:0}
.menustylewithlogo .inner-title.hover-reveal .title{opacity:0;
transform:translate3d(0,50px,0);
-webkit-transform:translate3d(0,50px,0);
-moz-transform:translate3d(0,50px,0);
transition:all .3s ease;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease}
.menustylewithlogo .inner-title.hover-reveal:hover .title{opacity:1;
transform:translate3d(0,0,0);
-webkit-transform:translate3d(0,0,0);
-moz-transform:translate3d(0,0,0)}
.menustylewithlogo .inner-title.hover-reveal:hover:before{opacity:1}
.menustylewithlogo .outer-title img{display:inline-block;
margin-bottom:12px}
.menustylewithlogo .hover-tile{position:relative;
overflow:hidden;
background:#292929}
.menustylewithlogo .hover-tile img{transition:all .3s ease;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease}
.menustylewithlogo .hover-tile:hover img{opacity:.5}
.menustylewithlogo .hover-tile .hover-state{position:relative;
transform:translate3d(0,-50%,0);
-webkit-transform:translate3d(0,-50%,0);
top:50%;
z-index:2;
position:absolute;
transition:all .3s ease;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
opacity:0;
width:100%}
.menustylewithlogo .hover-state{z-index:99;
padding:0 40px;
cursor:default}
.menustylewithlogo .hover-state h5,.menustylewithlogo .hover-state h6{color:#fff}
.menustylewithlogo .hover-state li{color:#fff}
.menustylewithlogo .hover-state *{transition:all .3s ease;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
transform:translate3d(0,30px,0) scale(1.05);
-webkit-transform:translate3d(0,30px,0) scale(1.05)}
.menustylewithlogo .hover-tile:hover .hover-state{opacity:1}
.menustylewithlogo .hover-tile:hover .hover-state *{transform:translate3d(0,0,0) scale(1);
-webkit-transform:translate3d(0,0,0) scale(1)}
.menustylewithlogo .hover-state *:last-child{margin-bottom:0}
.menustylewithlogo .border-thick{border:16px solid #fff;
border-top:none}
.menustylewithlogo .border-thick.col-sm-6:first-child{border-right:8px solid #fff}
.menustylewithlogo .border-thick.col-sm-6:last-child{border-left:8px solid #fff}
.menustylewithlogo ul{margin-bottom:0;
margin-top:0;
padding:0}
.menustylewithlogo nav.menu_bg img.logo{display:none}
.menustylewithlogo nav.menu_bg.fixed.outOfSight.scrolled img.logo{display:inline !important}
@media all and (max-width:980px){.menustylewithlogo .nav-logo-fix{width:79% !important;
text-align:center !important}
.menustylewithlogo .nav-utility{height:145px;
line-height:145px}
}
@media all and (max-width:500px){.menustylewithlogo .nav-logo-fix{padding:0 0 !important}
.menustylewithlogo .nav-logo-fix{width:100% !important}
}
.menustylewithlogo .ti-user{font-weight:bold;
line-height:55px !important}
.menustylewithlogo [class^="ti-"],.menustylewithlogo [class*="ti-"]{font-family:'themify';
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}
.menustylewithlogo .ti-user:before{content:""}
.menustylewithlogo .ti-menu:before{content:""}
.menustylewithlogo .btn-sm{height:30px;
font-size:11px;
line-height:27px;
min-width:0}
.menustylewithlogo .white-links .btn{border:1px solid #fbfbfb !important;
color:#fbfbfb !important}
.menustylewithlogo .btn{font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
border:2px solid #47b475;
padding:0 1px;
height:22px;
min-width:95px;
line-height:22px;
font-size:12px;
font-weight:400;
text-transform:uppercase;
letter-spacing:1px;
border-radius:0;
color:#47b475;
text-align:center;
transition:all .3s ease;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
margin-right:8px;
margin-bottom:0}
.menustylewithlogo nav.fixed .module-group{text-align:right !important}
.showsearchbox{display:block !important;
float:right;
width:100%}
.showsearchbox .divTxtSearch{float:right}
.showsearchbox .divTxtSearch ul{width:100%;
display:inline-block;
margin:0;
padding:0}
.showsearchbox .divTxtSearch ul li>div{width:100% !important;
min-height:10px !important;
margin-top:8%;
vertical-align:top;
display:inline-block;
margin-right:10px}
.showsearchbox .divTxtSearch input#inputTxtSearch{padding:0 0 0 7px !important;
height:29px !important;
box-shadow:none}
.showsearchbox .divTxtSearch input#inputTxtSearch{background-color:#d9e1e7 !important;
display:inline-block;
vertical-align:top}
.showsearchbox input#inputTxtSearch{width:191px !important}
.showsearchbox .divTxtSearch input#inputTxtSearch{color:#faac18;
width:194px;
border:0;
border-radius:0;
padding:7px}
.showsearchbox .iconSearch{color:#0f4171}
.showsearchbox .iconSearch{color:#00325a;
vertical-align:top;
display:inline-block}
.showsearchbox .iconSearch{margin:0;
padding:0;
width:30px;
font-size:14px;
outline:none;
cursor:pointer;
text-align:center;
text-decoration:none;
color:#fff;
border:solid 1px #0076a3;
border-right:0;
padding-top:5px;
padding-bottom:0;
background-color:#d9e1e7 !important;
border:1px solid #d9e1e7 !important;
font-size:14px;
height:29px}
.fa{display:inline-block;
font:normal normal normal 14px/1 FontAwesome;
font-size:inherit;
text-rendering:auto;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale}
.fa-search:before{content:""}