/*
Theme Name: Aside Responsive & Retina Theme
Theme URI: http://www.uiueux.com
Author: UXteam / Bwsm
Author URI: http://www.uiueux.com
Description:  A Sidebar Portfolio Wordperss Theme
Version: 1.0
License: GNU General Public License
License URI: license.zip
Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready

Designed & Handcrafted by Bwsm team
All files, unless otherwise stated, are released under the GNU General Public License
version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)


-------------------------------------------
	CSS MAP
-------------------------------------------

	0. General & Reset for bootstrp 
		Reset and somethings...

	1. Menu bar
		1.1 Logo
		1.2 Social Media Icons
		1.3 Menus
		1.4 Search Bar
		

	2. Mobile Header
		2.1 Mobile panel
    2.2 Mobile menu
		

	3. Float Bar
    3.2 Header bar
          3.2.1 Social Media Share Buttons
          3.2.2 Post Navigation arrow
          3.2.3 Back Top button  

	4. Main
		4.1 general
		4.2 post type / archive
    4.3 Title bar
    4.4 Post meta / general space / Post navigation
    4.5 Portfolio post Template / Portfolio Page(post slider) Template
    4.6 Post type / custom Post / 404
    4.7 Sidebar widget
	

	5. Commnet / contact form

	
	6. Shortcodes


  7. Theme Default Color


  8. Tinymce/Editor Compatible 

	
	9. Responsive (media query)
	
	
			
--------------------------------
*/
@font-face {
    font-family: 'dolce_vita_lightsuper_light';
    src: url('../fonts/dolce_vita_light-webfont.eot');
    src: url('../fonts/dolce_vita_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dolce_vita_light-webfont.woff') format('woff'),
         url('../fonts/dolce_vita_light-webfont.ttf') format('truetype'),
         url('../fonts/dolce_vita_light-webfont.svg#dolce_vita_lightsuper_light') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'dolce_vitaquite_regular';
    src: url('../fonts/dolce_vita-webfont.eot');
    src: url('../fonts/dolce_vita-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dolce_vita-webfont.woff') format('woff'),
         url('../fonts/dolce_vita-webfont.ttf') format('truetype'),
         url('../fonts/dolce_vita-webfont.svg#dolce_vitaquite_regular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'dinregular';
    src: url('../fonts/ufonts.com_din-regular_1_-webfont.eot');
    src: url('../fonts/ufonts.com_din-regular_1_-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ufonts.com_din-regular_1_-webfont.woff') format('woff'),
         url('../fonts/ufonts.com_din-regular_1_-webfont.ttf') format('truetype'),
         url('../fonts/ufonts.com_din-regular_1_-webfont.svg#dinregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* --------------------------------
    0. General & Reset  
---------------------------------*/

*{ box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing: border-box; }
.jquery-lightbox-move *{ box-sizing:content-box;-webkit-box-sizing:content-box;-moz-box-sizing:content-box; }
html{ font-size:62.5%; }
html, body{ overflow-x:hidden; }
body{ -webkit-text-size-adjust: 100%;}
a, a:hover, a:focus{ text-decoration:none;outline:none; } 
ol, ul { list-style: none;outline:none; }
ul{ margin-left:0;}
li{ list-style:none}
body,input[type="text"],textarea,div.bbp-template-notice p,legend{ font-size:12px; font-size:1.2rem; font-family: 'Roboto', 'sans-serif'; font-style: normal;  }
h1,h2,h3,h4,h5,h6 { line-height:20px; font-family: 'Roboto', 'sans-serif'; font-weight: 300; font-style: normal; }
input,button,select,textarea{ font-family: 'Roboto', 'sans-serif'; }
h1 { line-height:60px;}
h2,h3,h4 { line-height:40px;}
h1{font-size:42px;}
h2{font-size:36px;}
h3{font-size:30px; text-transform:uppercase;}
h4{font-size:24px;}
h5,legend{font-size:20px;}
h6{font-size:14px;}
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input{width:auto; border-radius:0; box-shadow:none;-webkit-appearance: none; }
.touch input,.touch select,.touch textarea{ -webkit-appearance: none;-moz-border-radius: 0px; -webkit-border-radius:0px; border-radius:0px; }
p,form,ul,ol,h1, h2, h3, h4, h5, h6,input[type="radio"], input[type="checkbox"]{ margin:0; padding:0;}
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { margin:0;}
legend { border:none; }
.container { position:relative; padding-left: 40px; padding-right: 40px; width: 100%; }
#wrap { overflow:hidden; }
.clear { clear:both; }
 
/*general transition*/
#sidebar,#main,#header,#footer_wrap,
#navi ul li ul.sub-menu:before,
#navi ul li ul.sub-menu,
.float-bar-inn-wrap,
.post_social a,
input#idi_send,
.entry .contactform input.idi_send,
#respond input#submit,
input.wpcf7-form-control.wpcf7-submit,
button, input[type="submit"],
input[type="text"].textboxsearch,
.sidebar_widget .widget_search input[type="submit"],
.sidebar_widget .widget_display_search input[type="submit"] { 
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#wrap,
#navi ul li a:before,
.float-bar-triggler-inn:before,
.float-bar-triggler-inn:after{
  -webkit-transition: -webkit-transform 0.5s ease;
  -moz-transition: -moz-transform 0.5s ease;
  -o-transition: -o-transform 0.5s ease;
  transition: transform 0.5s ease;
}
.gallery-post-wrap .galleria-image-nav-left:after, 
.gallery-post-wrap .galleria-image-nav-right:after{
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -ms-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

/* page loading */
.page-loading {
	position: fixed; z-index: 9999; opacity: 0;visibility: hidden; left: 0; top: 0px; right: 0px; bottom: 0px;
  -webkit-transition: all 1.5s;
  -moz-transition: all 1.5s;
  -ms-transition: all 1.5s;
  -o-transition: all 1.5s;
  transition: all 1.5s;
}
.page-loading-inn {	
  position: relative; width: 100%; height: 100%;
}
.page-loading-transform {
	position: absolute; top: 50%; left: 50%;
  width: 120px; line-height: 36px; text-align: center; margin-left: -60px; 
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

/*lightbox*/
.lightboxOverlay { z-index: 3; }
.single-image.mouse-over .lightbox { position:relative; }
/* Site loading*/
.site-loading {
  width: 100%; height: 100%; position: fixed; z-index: 9999; opacity: 1; visibility: visible;  
  -webkit-transition: -webkit-transform 1.5s;
  -moz-transition: -moz-transform 1.5s;
  -ms-transition: -ms-transform 1.5s;
  -o-transition: -o-transform 1.5s;
  transition: transform 1.5s;
}
.site-loading-inn {
  width: 100%; height: 100%;  position: relative; 
}
.site-loading-logo {
  max-height: 40px; margin-top: 52px; font-size: 32px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.site-loading-logo img {
  max-height: 40px; width: auto;
}
.site-loading.visible {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
	transform: translateX(-100%);
}
.page-loading.visible {
  opacity: 1; visibility:visible; 
  -webkit-transition: all 1.5s;
  -moz-transition: all 1.5s;
  -ms-transition: all 1.5s;
  -o-transition: all 1.5s;
  transition: all 1.5s;
}
.site-loading .ux-loading-transform,
.page-loading .ux-loading-transform {
 margin-top: -36px;
}
.page-loading .ux-loading,
.site-loading .ux-loading {
  background-image: url('../img/loading.gif');  margin-top: -56px; display: none;
}
.no-csstransforms .page-loading .ux-loading,
.no-csstransforms .site-loading .ux-loading {
  display: block;
}

/*
--------------------- 
    1. Menu bar
----------------------
*/

#sidebar{ 
  position:fixed; z-index:999; left:-240px; top:0; height:100%; width:300px; 
}
.sidebar-main.sidebar_hide{
  padding-right: 60px;
}
.no-touch #sidebar:hover,
.touch #sidebar.sidebar-hover { 
  box-shadow:20px 0 0 rgba(0,0,0,0.2);
  -webkit-transform: translateX(240px);
  -moz-transform: translateX(240px);
  -ms-transform: translateX(240px);
  -o-transform: translateX(240px);
  transform: translateX(240px);
}
.csstransforms.no-touch #sidebar.sidebar-out,
.csstransforms.touch #sidebar.sidebar-out { 
  box-shadow: none;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.no-touch #sidebar:hover .menu-icon {
  opacity: 0; visibility: hidden;
}
.csstransforms.no-touch #sidebar.sidebar_hide:hover .sidebar-main {
  padding-right: 0;
}
#sidebar-trigger{  
 position: absolute; right:0; top:0; float: right; width:60px; height:100%; 
}
.menu-icon{ 
  width:60px; height:60px; line-height:72px; text-align:center; 
}
.menu-icon i{ 
  font-size:30px; line-height: 6px; 
}
#hot-close-sidebar-touch{
  display: none; position: fixed; left: 0; top: 0; z-index: 998; width: 100%; height:100%;
}
.csstransforms.touch #sidebar.sidebar-hover ~ #hot-close-sidebar-touch {
  display: block; background-color: rgba(0,0,0,0.2);
}

/* sidebar transition added from 1.2 */
/*transition b*/
.no-touch #sidebar.sidebar_hide_b:hover,
.touch #sidebar.sidebar_hide_b.sidebar-hover,
#sidebar.sidebar_hide_b:hover ~ #main-wrap #main {
  -webkit-transform: translateX(240px);
  -moz-transform: translateX(240px);
  -ms-transform: translateX(240px);
  -o-transform: translateX(240px);
  transform: translateX(240px);
  
}

/* Menu bar always shown */
#sidebar.sidebar_show {
  left: 0; width: 240px;
}
#sidebar.sidebar_show #sidebar-trigger {
  display: none;
}
.csstransforms #sidebar.sidebar_show:hover,
.csstransforms.touch #sidebar.sidebar_show.sidebar-hover {
  box-shadow: none; 
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  
}
#sidebar.sidebar_show ~ #main-wrap{
  padding-left: 240px;
}

/*Logo*/

#logo{ 
  width:100%; line-height: 60px; margin-top: 40px; /*max-height: 60px; padding-left: 40px;*/
}
#logo a{ 
  display: block; line-height: 60px; margin-right: 40px; margin-left:40px;
}
#logo img {
  /*max-height: 60px;*/ vertical-align: top; width: auto;
}


/*Menu*/

#navi {
  margin-top: 40px; padding-right: 60px;
}
#navi a { 
  font-weight: normal; transition-property:background-color; font-size:1.3em; font-family:dolce_vita_lightsuper_light;letter-spacing:2px;
	transition-duration:0.8s, 0.7s;
	transition-timing-function:linear, ease-out;
}
#navi li { 
  float:left; position:relative; 
}
#navi>div>ul>li { 
  height:50px; line-height:50px; margin-left:0px;  
}
#navi>div>ul>li>a { 
  width:auto; min-width:260px; padding:0 10px 0 30px; 
  z-index:9; color: #fff;
}
#navi li a{ 
  display:block; position:relative;  
}
#navi ul li ul.sub-menu { 
  position:absolute; left:105%; top:0; width:2999px; height:40px; z-index: -999; visibility: hidden; opacity: 0; 
}
.no-touch #navi ul li ul.sub-menu{
  
}
.touch #navi ul li ul.sub-menu{
  display: none; visibility: visible; opacity: 1;
}
#navi ul li ul.sub-menu li { 
  height:40px; line-height:40px; padding:0 10px; 
}
#navi ul li ul.sub-menu ul.sub-menu { 
  top:100%; left:0; display:none;
}
#navi ul li ul.sub-menu li a { 
  padding:0 10px;  
}
#navi ul li.current-menu-ancestor ul.sub-menu { 
  /*display:block; */
}

#navi ul li:hover>ul.sub-menu{
  z-index: 999; left:100%;
  
}
.no-touch #navi ul li:hover>ul.sub-menu{
  visibility: visible; opacity: 1; 
}
.touch #navi ul li:hover>ul.sub-menu{
  display: block;
}
#navi ul li ul.sub-menu li:hover > ul.sub-menu{ 
  display: block;
}
#navi ul li a:before{
  content: ''; position: absolute; bottom:6px;  width:1px; height: 1px; opacity: 0;
  -webkit-transform-origin:0 0;
  -moz-transform-origin:0 0;
  -ms-transform-origin:0 0;
  -o-transform-origin:0 0;
  transform-origin:0 0;
}
#navi ul li:hover>a:before,
#navi ul li.current-menu-item>a:before,
#navi ul li.current-menu-ancestor>a:before{
  opacity: 1;
  -webkit-transform: scaleX(20);
  -moz-transform: scaleX(20);
  -ms-transform: scaleX(20);
  -o-transform: scaleX(20);
  transform: scaleX(20);
  
}
#navi ul li ul.sub-menu:before{
  font-family:FontAwesome; content:"\f054"; position: absolute; left: -36px; top: 0; z-index: 1; 
}
#navi ul li ul ul.sub-menu:before{
  content: '';
}
#navi ul li:hover>ul.sub-menu:before{
  left: -16px;
}


/* Submenu Layout V */
#navi.navi_b ul li ul.sub-menu { width:160px; height:auto; }
#navi.navi_b ul li ul.sub-menu li { width:100%; }
#navi.navi_b ul li ul.sub-menu ul.sub-menu { left:100%; top:0; }
#navi.menu-v ul li ul.sub-menu { width:auto; min-width:180px; max-width:500px; }
#navi.menu-v ul li ul.sub-menu li{ float:none; }
#navi.menu-v ul li ul.sub-menu ul.sub-menu { top:0; left:100%; display:none }

/* Search , copyright */
.sidebar-bottom-wrap { 
  position: absolute; bottom: 20px; left: 40px; max-width: 200px;
}
input[type="text"].textboxsearch { 
  background:none; border:none; width:60px; padding:5px 0; height: 30px;
}
.copyright {
  margin-top: 40px;
}
.submit-wrap { 
  position:relative; padding: 0 0 6px 0; 
}
.submit-wrap i { 
  position:absolute; z-index:-1; left:0;  
}
.submit-wrap input[type="submit"] { 
  width:20px; height:20px; border:none; background:none; 
}
#sidebar input[type="text"].textboxsearch:focus {
  width: 100px;
}
#woocomerce-cart-side {
  margin-bottom: 20px; 
}
#woocomerce-cart-side i.fa {
  font-size: 18px;
}

/*
--------------------- 
    2. Mobile Header
----------------------
*/

/* Mobile Meta */
#mobile-header-meta{ display:none;}

/*Header bar*/
#header{ 
 display: none; width:100%; height:60px; padding-left:60px;  
}
#header.mobile_active{
  display: block;
}
#header.mobile_active ~ #main-wrap{
  padding-left: 0; 
}
#header.mobile_active ~ #main-wrap #content_wrap{
  /*width: 95%; margin-left: auto; margin-right: auto; padding-top: 20px;*/
}
#header.mobile_active ~ #main-wrap #content_wrap.span8{
  padding-left: 0; padding-right: 0; width: 95%;
}
#header.mobile_active ~ #main-wrap #sidebar-widget.span4{
  width: 100%;
}
#header.mobile_active ~ #main-wrap #sidebar-widget.span4 .sidebar_widget,
#header.mobile_active ~ #main-wrap .entry,
#header.mobile_active ~ #main-wrap #comments,
#header.mobile_active ~ #main-wrap #title-bar,
#header.mobile_active ~ #main-wrap .archive-wrap,
#header.mobile_active ~ #main-wrap .gallery-info-property{
  width: 95%; margin-left: auto; margin-right: auto;
}
#header.mobile_active ~ #main-wrap #logo-page,
#header.mobile_active ~ #main-wrap .filter-floating{
  display: none;
}
#header-main-wrap{ position:relative; }
#header-main-wrap .menu-icon{ display: none;}
#header.mobile_active{ background-color:#000; }
#header.mobile_active ~ #main-wrap #page-feaured-image-entry {
  width: 100%; float: none;  
}
#header.mobile_active ~ #main-wrap #featured-img-wrap{
  position: static; width: 100%;  min-height: 400px; margin-bottom:60px;
}
#header.mobile_active ~ #main-wrap .half-page-img {
  display: block;
}
#header.mobile_active ~ #main-wrap #page-feaured-image-entry h1.main-title {
  text-align: center;
}
#header.mobile_active ~ #main-wrap #page-feaured-image-entry h1.main-title:before {
  left: 50%; margin-left: -15px;
}

/* Responsive menu */
.mobile_active #navi,
.mobile_active .headerinn_s,
.mobile_active #headerinn_main,
.mobile_active #header-meun-bar,
.mobile_active #top_bar,
.mobile_active .header_line{ display:none; }
#header_wrap.mobile_active{ box-shadow: 0 1px 2px #ccc; height: 100px; line-height: 100px;}
#header.mobile_active{ position:relative;}
.mobile_active~#main #main_title_wrap{ background:none; }

.show_mobile_meta #wrap{ 
  right:auto; top:0; position:relative; z-index:2; 
  -webkit-transform: translateX(-250px);
  -moz-transform: translateX(-250px);
  -o-transform: translateX(-250px);
  -ms-transform: translateX(-250px);
  transform: translateX(-250px);
}
.show_mobile_menu #wrap{ 
  left:auto; top:0; position:relative; z-index:2; 
  -webkit-transform: translateX(250px);
  -moz-transform: translateX(250px);
  -o-transform: translateX(250px);
  -ms-transform: translateX(250px);
  transform: translateX(250px);
}
#mobile-advanced,
#mobile-header-meta{ 
  display:none; opacity:0; position:absolute; z-index:-1; top:0; width:250px; height:auto; min-height:100%; margin-left:0; padding:30px 0;overflow: hidden; background-color:#032436;
  -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;
 
}
#mobile-advanced{ right:auto; left:0;}
#mobile-header-meta{ left:auto; right:0;}
.show_mobile_menu #mobile-advanced,
.show_mobile_meta #mobile-header-meta{ display:block; opacity:1; z-index:2; }
.show_mobile_menu #wrap,
.show_mobile_meta #wrap { overflow: hidden; }
#mobile-advanced li a:hover{ border-color:#999; }
#mobile-advanced li{margin:0; padding:0; position: relative; float:none; clear: both;}
#mobile-advanced ul{margin:0; padding:0; display: block; width:100%; left:0; position: relative;}
#mobile-advanced a, 
#mobile-advanced .mega_menu_title{
  padding:13px 28px; width:100%; display:block; margin:0; text-decoration: none; position: relative;
}
#mobile-advanced  ul a{padding-left:40px;}
#mobile-advanced  ul ul a{padding-left:60px;}
#mobile-advanced  ul ul ul a{padding-left:80px;}
#mobile-advanced  ul ul ul ul a{padding-left:100px;}
#mobile-advanced .avia-bullet{display:none;}
#mobile-advanced .avia_mega_div{width:100%; margin:0; float: none;}
#mobile-advanced .mega_menu_title a{padding:0; border:none;}
#advanced_menu_toggle, 
#advanced_menu_toggle2{ display:none; 
position: absolute; z-index: 999;  width:60px; height:60px; line-height:70px; text-decoration: none;font-size:24px; text-align: center; right:0; left:auto; top:0;
color:#ccc; color:rgba(255,255,255,0.4); background-color:#666; background-color:rgba(0,0,0,0.1); }
#advanced_menu_toggle { right:auto; left:0; }
#advanced_menu_toggle i, #advanced_menu_toggle2 i{  }
.mobile_active #advanced_menu_toggle,.mobile_active /*#advanced_menu_toggle2*/{ display: block; }

#advanced_menu_toggle{
-webkit-transition:all 0.5s ease-out;
   -moz-transition:all 0.5s ease-out;
    -ms-transition:all 0.5s ease-out;
     -o-transition:all 0.5s ease-out;
       transition: all 0.5s ease-out;
}

/*Mobile Meta*/

.social-icons-sidebar { 
  margin-top:20px;  
}
.mobile-meta-con{
  margin-top: 20px;
}
.icons-sidebar-unit { 
  display:inline-block; width: 30px; height: 30px; line-height: 30px; vertical-align: middle;
}

.icons-sidebar-unit > img {
  height: 25px; vertical-align: top; width: 24px;
}
.icons-sidebar-unit>i { 
  font-size:28px; line-height: 24px;
}
#mobile-header-meta { 
  display:none\9; padding-left: 30px;
}
#mobile-header-meta h3 { 
  font-size:16px; padding-bottom:20px; padding-top:20px; padding-left:30px; color:#ccc; 
}
#mobile-header-meta ul,
.social-icons-mobile{ 
  padding-left:30px; padding-bottom:20px; 
}
#search_mobile { 
  height:80px; line-height:80px; padding-left:30px; padding-right:30px; 
}
#search_mobile .search_top_form input[type="search"],
#search_mobile .search_top_form input[type="text"]{ 
  font-size:16px; background:none; 
}
.header-info-mobile { 
  min-height:100px; padding-left:30px; padding-right:30px; padding-top:30px; 
}
#mobile-header-meta ul a { padding-left:10px; }
#mobile-header-meta p { padding:0 0 40px 34px; }
#search_mobile .search_top_form input[type="search"],
#search_mobile .search_top_form input[type="text"] { 
  font-size:12px; color:#999; border-color:#999;
}

/*Wpml*/
.wpml-language-flags li{ 
  float: left; margin-right: 10px;
}
#mobile-header-meta .wpml-language-flags a{
  padding-left: 0;
}
.sidebar-main .wpml-translation{
  height: 10px; margin-top: 20px;
}

/*mobile logo*/
#logo-mobile{ 
  display: none; 
}
.mobile_active #logo-mobile { 
  display: block;
}
#logo-mobile a {
  display: block; max-height: 60px; 
}
#logo-mobile img {
  max-height: 50px; vertical-align: baseline; width: auto; margin-top: 5px;
}


/* 
--------------------- 
    3. Float Bar
----------------------
*/

#float-bar {
  position: fixed; z-index: 999; right:20px; bottom:20px; height: 60px; min-width: 60px; width: auto; 
}
#float-bar-triggler {
  width: 60px; height: 60px; text-align: center; cursor:pointer;
}
#float-bar:hover #float-bar-triggler {
  
}
.float-bar-triggler-inn {
  display: block; position: relative; top: 20px; height: 20px; width: 2px; margin: auto;
}
.float-bar-triggler-inn:before,
.float-bar-triggler-inn:after {
  content: ''; position: absolute; right: 0;top:9px; width: 10px; height: 2px; 
}
.float-bar-triggler-inn:after {
  left: 0; right: auto;
}
.no-touch #float-bar:hover .float-bar-triggler-inn:before,
.touch #float-bar.float-hover .float-bar-triggler-inn:before{
  -webkit-transform: rotate(-45deg) translate(6px, -5px);
  -moz-transform: rotate(-45deg) translate(6px, -5px);
  -ms-transform: rotate(-45deg) translate(6px, -5px);
  -o-transform: rotate(-45deg) translate(6px, -5px);
  transform: rotate(-45deg) translate(6px, -5px);
}
.no-touch #float-bar:hover .float-bar-triggler-inn:after,
.touch #float-bar.float-hover .float-bar-triggler-inn:after{
  -webkit-transform: rotate(45deg) translate(-6px, -5px);
  -moz-transform: rotate(45deg) translate(-6px, -5px);
  -ms-transform: rotate(45deg) translate(-6px, -5px);
  -o-transform: rotate(45deg) translate(-6px, -5px);
  transform: rotate(45deg) translate(-6px, -5px);
}
.float-bar-inn-wrap{
  visibility: hidden; opacity: 0; position: absolute; right: 50px; width:999px; height: 60px;
}
.float-bar-inn{
  float: right; height: 60px; padding-left: 12px;
}
.no-touch #float-bar:hover .float-bar-inn-wrap,
.touch #float-bar.float-hover .float-bar-inn-wrap{
  visibility: visible; opacity: 1; z-index: 1;
  -webkit-transform: translateX(-10px);
  -moz-transform: translateX(-10px);
  -ms-transform: translateX(-10px);
  -o-transform: translateX(-10px);
  transform: translateX(-10px);
}
.mobile_active #float-bar,
.page-portfolio-template-layout-ux #float-bar{
  display: none;
}
.float-bar-social-share{
  display: inline-block;
}
.float-bar-social-share button{
  width: auto; padding-left: 0; padding-right: 0; height: 36px; margin-top: 11.5px; margin-right: 12px; border:none; font-size: 18px; float: left;
}

.float-bar-social-share button i{
  width: 36px; text-align: center;
}

/* Social Networks Share button*/
.post_social{ margin-top:14px; }
.post_social li{ display:inline-block; margin-right:10px; float:left;}
.post_social iframe{ display:inline-block;}
.post_social a { display:inline-block; max-height:30px; min-width:60px; border-radius:3px; color:#fff;}
.post_social a:hover{ background-color:#000; color:#fff; }
.postshareicon-facebook-wrap{ background-color:#3c5a98; }
.postshareicon-twitter-wrap{ background-color:#5fafe0; }
.postshareicon-pinterest-wrap{ background-color:#ca262d; }
.post_social span{ display:inline-block; }
.post_social .count{ font-size:14px; min-width:20px; text-align:center; position:relative; top:-4px;}
.post_social i{ font-size:19px; line-height:30px; margin-left:6px; }

/*  Post Navigation arrow*/
#post-navi { 
  display:inline-block; float: right;
}
#post-navi a { 
  display:inline-block; position: relative; width: 60px; height: 60px; line-height: 59px; font-size: 24px; text-align: center;
}
.head-right i { margin-left:8px; }
.head-right .post-prev i { margin-left:0; margin-right:8px; }


/*--------------------------------------- 
     4. Main / Content page / post type
---------------------------------------- */

/* General & Content layout */

.fourofour-wrap {
  
}
#main-wrap {
}
#main {
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
#main-wrap{ 
  position:relative; z-index:3; width: 100%; margin:0 auto; overflow:hidden; left:0; top:0; /*padding-left:60px; */
}
#sidebar:hover ~ #main-wrap #main { 
-webkit-transform: scale(0.89);
-moz-transform: scale(0.89);
-ms-transform: scale(0.89);
-o-transform: scale(0.89);
transform: scale(0.89);
}
/*.touch #sidebar.sidebar-hover ~ #main-wrap #main*/
.touch #sidebar:hover ~ #main-wrap #main { 
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
/*.touch #sidebar.sidebar_show.sidebar-hover ~ #main-wrap #main*/
#sidebar.sidebar_show:hover ~ #main-wrap #main,
.touch #sidebar.sidebar_show:hover ~ #main-wrap #main{
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}/*
#content_wrap .entry p{ 
  margin-bottom:20px;
}
*/
/*Title  Bar*/
body.blog #title-wrap, 
body.archive #title-wrap,
body.search #title-wrap,
.title-centered #title-wrap{ 
	text-align:center; 
}
body.blog #title-wrap h1.main-title:before, 
body.archive #title-wrap h1.main-title:before,
body.search #title-wrap h1.main-title:before,
.title-centered h1.main-title:before{
  left: 50%; margin-left: -15px;
}
#title-bar { 
  padding: 40px 0; max-height: 280px;
}
.gallery-info-wrap.span4 #title-bar { 
  max-height: none;
}
body.search #title-bar{
  text-align: center; max-height: none;
}
#title-wrap{ 
  height: 100%;
}
h1.main-title{ 
  line-height: 48px; position: relative; font-size: 46px;
}
h1.main-title:before{ 
  content: ''; width: 30px; height: 3px; position: absolute; bottom: -20px; left: 0;
}
#title-bar .post-expert,
.post-meta{
  margin-top: 40px;
}
.post-meta-unit{
  margin-right: 15px;
}

/* Post meta*/
.post_meta{ display:inline-block; padding:10px; margin-bottom:40px; }
.post_meta>li{ position:relative; display:inline-block;  margin-left:30px; }
.post_meta>li:first-child{ margin-left:15px;}
.post_meta>li:before{ position:absolute; top:0px; left:-17px; font-size:12px; font-family: 'icon'; }
li.post_author:before{ content: "\e022"; }
li.post_date:before{ content: "\e097"; }
li.post_tag:before{ content: "\e028"; }

/* General space */
.top-space {
  padding-top: 100px;
}
.bottom-space {
  padding-bottom: 60px;
}
.entry { 
  margin-bottom: 40px; 
}
body.single .entry { 
  margin-bottom: 100px; 
}
body.single .pagebuilder-wrap{
  margin-bottom: 60px;
}

/* Post navigation */
.post-navi a{ position:relative; font-size:16px; display:inline-block; max-width:45%; margin-bottom:20px; cursor:pointer; }
.post-navi span{ padding:20px; display:inline-block; float:left;  white-space:nowrap;  overflow:hidden;  text-overflow:ellipsis; width:100%;  background-color:#f8f8f8; }
.post-navi-next{ float:right;}
.post-navi-next span{ padding-right:80px;}
.post-navi-prev span{ float:right; padding-left:80px;}
.post-navi i{ position:absolute; font-size:24px; display:inline-block; width:60px; height:60px; line-height:60px; text-align:center; background-color:#f0f0f0; }
.post-navi-next i{ right:0;}

/* Portfolio post Template*/
.gallery-info-wrap,
.gallery-images-wrap{
	-webkit-transition: all 0.3s linear;
	   -moz-transition: all 0.3s linear;
	    -ms-transition: all 0.3s linear;
	     -o-transition: all 0.3s linear;
	        transition: all 0.3s linear;
}

.gallery-wrap-sidebar #title-bar,
#page-feaured-image-layout #title-bar{
  padding: 60px 0 80px 0;
}
.carousel-inner img,.portfolio_vertical_list img{ width:100%;}
.gallery-post-wrap .single-image{ width:100%; }
.gallery-post-wrap img,
.page-portfolio-template img{ width:100%; height:auto; }
.gallery-images-wrap.span8{ 
  width: 65%; margin-bottom:0; margin-left: 0; overflow: hidden;
}
.gallery-wrap .post-meta{
  display: none;
}
.gallery-info-wrap.span4{
  width: 35%;max-width:381px; margin-bottom:0; margin-left: 0; -webkit-backface-visibility:hidden; -webkit-transform: translateZ(0);
}
.gallery-info-property li{
  display: table-row;
}
.gallery-info-property span {
    display: table-cell;
}
.gallery-info-property-tit {
    padding-right: 10px; min-width: 70px; text-transform: uppercase;
}
.gallery-wrap-sidebar .gallery-info-property {
    margin-left: 0;width: 100%;
}
.galleria-stage{
  left: 0; top:0; right: 0; bottom: 0; 
}
.galleria-info-text,.galleria-info-link,.galleria-info-close{ 
  background: none;
}
.galleria-info-close,
.galleria-info-description{
  display: none;
}
.galleria-info-text {
  display: block;
}
.gallery-wrap .galleria-info-text {
  display: none;
}
.gallery-wrap .portfolio-post-meta .post-meta {
  display: block;
}
.galleria-info {
  left: auto; right:138px; top:20px; width: auto; height: 60px; line-height: 60px; border-bottom-left-radius: 0px; border-top-left-radius: 0px; 
} 
.galleria-info-title {
  line-height: 60px; margin: 0;
}
.galleria-info-text {
  padding: 0 20px;
}
.gallery-wrap-fullwidth .gallery-info-property {
  border-left-width: 2px; border-left-style: solid; padding-left: 30px; margin-bottom: 0;
}
.gallery-wrap-fullwidth .entry,
body.single .gallery-wrap-fullwidth .gallery-wrap-slider ~ .gallery-info-wrap .entry,
#content_wrap .gallery-wrap-fullwidth .entry p:last-child {
  margin-bottom: 0;
}
.galleria-image-nav {
  height:60px; width:120px; left: auto; right: 20px; top:20px; margin-top: 0;
}
.galleria-image-nav-left, 
.galleria-image-nav-right {
  background: none; width: 60px; height:60px; font-size: 24px; text-align: center; line-height: 60px; opacity: 1; left: 0!important;
}
.galleria-image-nav-left:after, 
.galleria-image-nav-right:after{
  content:''; position: absolute; z-index: -1; left: 0; top: 0; width: 60px; height: 60px;
}
.gallery-post-wrap .galleria-image-nav-left:after,
.gallery-post-wrap .galleria-image-nav-right:after {
  opacity: .2;
}
.gallery-post-wrap .galleria-image-nav-left:hover:after,
.gallery-post-wrap .galleria-image-nav-right:hover:after{
  opacity: 1;
}
.galleria-image-nav-right {
  right: 0!important; left: auto!important; border-top-right-radius: 0px; border-bottom-right-radius: 0px; 
}
.galleria-image-nav-left {
  border-top-left-radius: 0px; border-bottom-left-radius: 0px; 
}
.galleria-image-nav-right:before,
.galleria-image-nav-left:before {
   font-family:'FontAwesome'; content:"\f105";
}
.galleria-image-nav-left:before {
content:"\f104";
}
.galleria-thumbnails-container {
  display: none;
}
.galleria-counter {
  opacity: 0.8!important; font-size: 18px; text-shadow: 0 0 1px rgba(0,0,0,0.5);
}
.galleria-counter span {
  position: relative; top: 1px;
}
.galleria-counter .galleria-current{
  font-size: 26px;
}


/*Related posts*/
.related-post-wrap-tit{
 height: 220px; text-align: center; font-size: 0; position: relative; text-indent: -90000px; color:transparent;
}
.related-post-wrap-tit:before{
  content: ''; position: absolute; top: 112px; left: 50%; margin-left: -20px; width:40px; height:3px; 
}
.related-post-unit{
  width: 25%; float: left;
}
.related-post-wrap h3{
  position: relative; font-size: 14px; line-height: 20px; padding: 20px 20px 0 20px; text-align: center; cursor: pointer;
}
.related-post-wrap h3:hover:before{
  opacity: 1;
}
.related-post-caption{
  padding: 0 20px 0 20px; display: none;
}
.related-post-wrap {
    padding-bottom: 100px;
}
.related-post-image>img{
  width: 100%; 
}

/* Page portfolio template(post slider)*/
#logo-page {
  position: absolute; z-index: 9; left: 100px; top:20px;
}
#logo-page img {
  max-height: 60px;
}
.page-portfolio-template-layout-ux .header-bar-triggler {
  display: none;
}
.page-portfolio-navi-bottom .galleria-info {
  top: auto; bottom: 20px; border-radius: 0px;
}
.page-portfolio-navi-bottom .galleria-image-nav {
  top: auto; bottom: 20px; height: 60px;
}
/* bordered*/
.galleria.bordered .galleria-container {
  background: none;
}
.galleria.bordered .galleria-stage {
  left: 20px; top: 20px; right: 20px; bottom: 20px; 
}
.page-portfolio-navi-bottom .galleria.bordered .galleria-image-nav {
  bottom: 0; top: auto;
}
.galleria.bordered .galleria-image-nav {
  right: 0;
}
.galleria.bordered .galleria-image-nav {
  top: 0;
}

/* Featured image layout*/
#featured-img-wrap {
  height: 100%; width: 50%; 
  background-repeat: no-repeat; background-position: 50% 50%;/* background-size: cover;*/
}
#page-feaured-image-entry {
  width: 50%; padding: 0 60px 60px 40px; margin-bottom: 0; overflow : auto; 
}
#page-feaured-image-layout .entry h1{
 line-height: 45px; margin: 0;font-family:'Roboto', 'sans-serif'; letter-spacing:3px;
}
#page-feaured-image-entry .pagebuilder-wrap {
	margin: 0 -40px;
}
.half-page-img{
  display: none; width: 100%; height: auto;
}

/* Slider */
#top-slider{
  width: 100% ; 
}


/*Revlution slider*/
#top-slider .tp-bullets.simplebullets.round .bullet{ 
  border-radius: 8px; width: 16px; height: 16px; margin-left: 5px; margin-right: 5px;
  background-color: rgba(0,0,0,0.2); background-image: none;
  box-shadow: inset 0 0 0 2px white;
  -webkit-transition: box-shadow 0.3s ease;
  -moz-transition: box-shadow 0.3s ease;
  -ms-transition: box-shadow 0.3s ease;
  -o-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
}
#top-slider .tp-bullets.simplebullets.round .bullet:hover{
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.6);
}
#top-slider .tp-bullets.simplebullets.round .bullet.selected{
  box-shadow: inset 0 0 0 10px white;
}
#top-slider .tp-leftarrow.default,
#top-slider .tp-rightarrow.default {
  background:none; line-height: 40px; opacity: .6;
}
#top-slider .tp-rightarrow.default {
  text-align: right;
}
#top-slider .tp-leftarrow.default:hover,
#top-slider .tp-rightarrow.default:hover {
  opacity: 1;
}
#top-slider .tp-leftarrow.default:before,
#top-slider .tp-rightarrow.default:before {
  content: "\f053";  font-family: 'FontAwesome'; font-size: 24px; color: #fff; text-shadow: 0 0 1px #000;
}
#top-slider .tp-rightarrow.default:before {
  content: "\f054"; 
 }


/*video*/


/*audio*/
.audio_player_list.audio_content{ background:none; margin-bottom:100px; }
.audiopost-soundcloud-wrap{ width:100%; height:auto; margin-bottom:100px; }
.audio-artist {
    padding-bottom: 20px;
    padding-left: 24px;
}

/*link*/
.link-wrap{ margin-bottom: 100px;}
.link-wrap i{ font-size: 12px; margin-right: 4px; position:relative; top: 2px; }

/*quote*/
.quote-wrap{ margin-bottom: 100px; padding: 40px 40px 40px 100px; position: relative;}
.quote-wrap i{  font-size:72px; left: 10px; position: absolute; top: 10px;}

/*image*/
.image-post-wrap{ margin-bottom:40px;}
.image-post-wrap img{ width:100%; height:auto;}
.top-image img{
  width: 100%;
}

/* testimenials */
.testimenials{
  padding-left: 20px; 
}

/*404*/
.fourofour-wrap{ text-align:center; padding-top:120px; padding-bottom:120px; }
.fourofour-wrap h2{ padding-bottom:40px;}
.fourofour-wrap p{ max-width:400px; margin:0 auto; }

/* Custom post type: team */
.team{ min-height:360px; }
.team-photo{ left: 0; position: absolute;  top: 0; width: 360px; height:auto; }
.team-info{ margin-left:400px; }
.team-info p{ margin-bottom:0; }
.team-content{ margin-top:20px;}

/* Custom post type: client*/
.client{ text-align:center}
.client a{ display:block; margin-bottom:20px; }

/* Custom post type: job*/
.job-location{ margin-right:10px; }

/* archive*/

.archive-wrap { margin-top: -40px; }
.archive-unit { margin-top: 40px; position: relative; }
.archive-unit h1 { 
  font-size: 28px; line-height: 30px; margin-bottom: 20px; 
}
.archive-meta-unit { margin-right: 15px; font-style: italic; }
body.search #title-bar .search-form{ width: 100%; min-width: 200px; margin-top: 20px; margin-right: auto; margin-left: auto; }
body.search #title-bar .search-form input[type="text"]{ width: 100%; height: 40px;}
body.search #title-bar .submitsearch{ display: none; }
.pagenums { margin-bottom:80px; }
.archive-more, .more-link { font-style: italic;}
.archive-meta-unit {
  font-size: 12px;
}
.archive-wrap .blog_meta {
  margin-top: 20px;
}
.blog_meta .blog-meta-li {
  height: 30px; line-height: 30px; font-size: 10px; margin-left: 0; margin-right: 0; float: left; padding-left: 8px; 
}
.blog_meta .blog-meta-li:last-child {
  padding-right: 8px;
}

/* Sidebar widget */

.two-cols-layout{
  overflow: hidden;
}
#content_wrap.span8, #sidebar-widget.span4 {
	margin-bottom: -8000px;padding-bottom: 8000px;
}
ul.sidebar_widget{
  padding-top: 60px; padding-bottom: 60px;
}
ul.sidebar_widget>li{ 
  padding:40px 40px 20px 40px; 
}
ul.sidebar_widget h3.widget-title{ 
  font-size:16px; line-height:20px; margin-bottom: 40px; 
}
.rightbar{ float:left; }
ul.sidebar_widget li.widget_search{ padding-bottom:41px; }
ul.sidebar_widget li.widget_search form{ margin-top:3px; }
#content_wrap.pull-right~#sidebar ul.sidebar_widget{ border-left-width:0; border-left-style: none; border-right-width:2px;  border-right-style: solid;  }
.portfolio-side-meta { margin-bottom:40px; font-size:14px; }
#portfolio-sidebar .post_social li{ margin-top:10px;}
ul.sidebar_widget>li#portfolio-sidebar{ padding:0 0 0 40px;}

/*Left sidebar*/
.pull-right~#sidebar-widget{ 
	margin-left: 0;
}
#content_wrap.span8{ /*width: 68.08506%;margin-right: 2.12766%; */ 
  width: 75%; margin-left: 0; padding-right: 60px; padding-left: 60px;
}
#sidebar-widget.span4{
  width: 25%; margin-left: 0;
}


/* Widgets */

.sidebar_widget select{ width: auto; }

/*Search*/

.sidebar_widget .widget_search input[type="text"],
.sidebar_widget .widget_display_search input[type="text"]{ 
	max-width: 130px; height:35px; 
}
.screen-reader-text{ display:none; }
.sidebar_widget .widget_search input[type="submit"],
.sidebar_widget .widget_display_search input[type="submit"] { 
  height:35px;
} 
.sidebar_widget .widget_search input[type="submit"]:hover { 
  color:#fff; 
} 
.sidebar_widget .widget_search input[type="submit"],
.sidebar_widget .widget_display_search input[type="submit"] { 
  margin-left:0; margin-top:8px; display: block;
}

/*ContactForm*/
.sidebar_widget .widget_uxconatactform textarea, 
.sidebar_widget .widget_uxconatactform input[type="text"]{ width:100%; }

/*Calendar*/

#wp-calendar{ width:100%;  }
#wp-calendar caption{ text-align:left; margin-bottom:20px; }
#wp-calendar tfoot td{ padding-top:20px; }
#wp-calendar tfoot #next{ text-align:right; }
.widget_calendar tbody td,
.widget_calendar thead th{
  text-align: center;border: 1px solid rgba(0, 0, 0, 0.05);  
}

/*Recent Comments*/

.sidebar_widget ul.recentcomments{list-style:none;padding-left:0; margin-:-20px;}
.sidebar_widget li.recentcomments{ height:40px; display:block; overflow:hidden; margin-top:20px;}
.sidebar_widget li.recentcomments:first-child{ margin-top:0;}
.recentcomments .avatars{ float:left; display:block; margin-right:20px; padding-top:6px; width:30px; height:30px}

/*AD*/
ul.adimg{ margin-left:-20px;}
ul.adimg li{ float:left; margin-left:20px; margin-top:20px;}
ul.adimg li:first-child,ul.adimg li:nth-child(2){ margin-top:0}

/*Tag*/

.tagcloud a { display: inline-block;font-size: 10px; margin-bottom: 8px;margin-right: 3px; padding:6px 8px; height:32px; 
-webkit-transition: all 0.5s;
   -moz-transition: all 0.5s;
        transition: all 0.5s;}

/* Flickr widget*/
li.widget-container.widget_fastflickrwidget { margin-left:-20px; }
li.widget-container.widget_fastflickrwidget h3.widget-title { margin-left:20px; margin-bottom:20px }
li.widget-container.widget_fastflickrwidget>a{ margin:20px 0 0 20px; display:inline-block; }
li.widget-container.widget_fastflickrwidget img.flickr_photo { width:60px; height:60px;}

/*rss*/
a.rsswidget img{ margin-bottom:-1px; margin-right:10px; }

/*Social icons*/
.sidebar_widget .social_active  i{
  font-size: 26px; margin-right: 8px;
}




/*
-------------------------------------------
  Commnet / contact form
------------------------------------------- 
*/
#comments {  
  padding-top:0; margin-bottom: 100px;
}
.gallery-images-wrap.span8 .gallery-post-wrap + .comment-wrap,
.gallery-wrap-fullwidth .gallery-post-wrap + .comment-wrap {
  padding-top: 100px;
}
#item-wrap li.item #respond{ 
  display:none; margin-top:40px; margin-bottom:20px; 
}
#comments_box{ 
  margin-bottom: 60px; padding-top: 60px;
}
.item_respondbtn{ 
  display:none 
}
#item-wrap li.item .item_respondbtn{ 
  display:inline-block; margin:20px; 
}
#comments_box .avatar,
.commlist-unit .avatar{ 
 display: none; border-radius: 30px; 
}
li.commlist-unit { 
  margin-top:40px; 
}
.comm-u-wrap { 
  padding-left: 15px; border-left-width:3px; border-left-style:solid; 
}
#respondwrap li.commlist-unit {
  margin-top:0; margin-bottom: 100px; 
}
.comment-meta .reply { 
  padding-left:10px;
}
ol.commentlist { 
  min-height:40px; height:auto; margin-left:0; margin-bottom:0; clear: both; 
}
.commnetsnavi {
  margin: 40px 0;
}
.paginated-comments-links .page-numbers{
  float: none; display: 
}
#reply-title-wrap .logged{ 
  opacity:0;  display:inline-block; font-size:12px; height:40px; line-height:40px; padding-left: 25px;
  position: absolute;left: 100%;top: 0px;min-width: 250px;
}
.respondbtn{ padding-right:10px }
.respondbtn-open{background-position: 100% -13px;}
.respondbtn-close{background-position: 100% 3px;}
.comm-u-wrap ~ p{ margin-top: 40px;}
.sucess-tip{ display:block;margin-top: 20px; }
#comment-sending{ margin-bottom:10px;}
#commentform #error{margin-bottom:10px;}
.comment-author{ padding-right:10px;}
#comments_box #comments a{ font-size:14px; }
#comments_box .children{ margin-left:20px;}
#commentform,.entry p.btnarea{ margin-bottom:0; }
#respondwrap {}
#respondwrap  .span6{ margin-bottom: 0;}
#respond textarea{ font-size:12px; width:100%; max-width:none; height:128px; overflow:auto; resize:none; padding:7px 10px 7px 10px; margin-bottom:25px; }
.sending{ float:left; display:block;width:80px; height:27px;line-height:27px;}
h3#reply-title{ 
  position: relative; line-height: 20px; margin-bottom: 80px;
}
#comments_inlist,
.comm-reply-title{ 
  display:inline-block; font-size:20px; height:40px; line-height:40px; font-weight: 300; 
}
#commentform{
  position: relative;
}
.logged{
  position: absolute; left: 0; top: -60px;
}


/* Contant form*/

.entry .contactform,.respondwrap{ padding-top:10px;}
.entry .contactform h2{ display:block; font-size:14px; margin-top:-10px; margin-bottom:20px; }
.respondbtn{ margin-top:0;}
.respond-half{ width:48%; display:inline-block; float:left; }
.respond-name{ margin-right:4%; }
.respond-full{ width:100%; }
.entry .contactform input,
#respond input,
.contactform input[type="text"] { 
  width:100%; max-width:none; height:40px; padding:7px 10px 7px 0; margin-bottom:20px; font-size: 14px;
}
.contactform input[type="submit"],
#respond input#submit,
input.wpcf7-form-control.wpcf7-submit { 
  float: none; width:auto; cursor:pointer; height:40px; line-height:40px; padding:0 14px; margin-bottom:0; border-width: 1px; border-style: solid; 
}
.contactform input[type="submit"]:hover,
#respond input#submit:hover,
input.wpcf7-form-control.wpcf7-submit:hover{
   background: none;
}
.contactform textarea,
#respond textarea{ 
  font-size:14px; width:100%; max-width:none; height: 88px; overflow:auto; resize:none; padding: 0; 
}
.sending{ float:left; display:block;width:80px; height:27px;line-height:27px;}
#reply-title small{ 
  margin-left: 25px; position:absolute; top:50%; min-width: 100px; height: 20px; line-height: 20px; margin-top: -10px; font-size:12px; 
}
.comm-reply-title{ 
  display:inline-block; height:20px; line-height:20px; vertical-align: top;
}
.comm-reply-title:after{
  content: ''; position: absolute; left: 0; bottom: -11px; width: 30px; height: 2px;
}
#respondwrap textarea, 
#respondwrap input, 
.contactform input[type="text"], 
.contactform textarea{
  border-style: none none solid none; border-bottom-width: 2px; background: none;
}

/*Contact form 7*/

#foot_widget input.wpcf7-form-control,#foot_widget textarea.wpcf7-form-control{ width:100%; }
#foot_widget input.wpcf7-form-control.wpcf7-submit{ width:auto; }
div.wpcf7-mail-sent-ok,div.wpcf7-validation-errors{ border:none;}
div.wpcf7-response-output{ margin:0; padding:0;}
.wpcf7-form img.ajax-loader{ opacity:0.5; background-color:#fff; border-radius:2px;}
span.wpcf7-not-valid-tip{ left:10px; top:-8px; border:none; background:none; color:#FF0000; }






/*
-------------------------------------------
 	Shortcode & pagebuilder override
-------------------------------------------*/

/* coloum */

.one-third-c {width:30%; display:inline-block; vertical-align:top; margin-right:3%;}
.one-half-c {width:45%; display:inline-block; vertical-align:top; margin-right:5%;}
.one-fourth-c {width:20%; display:inline-block; vertical-align:top; margin-right:5%;}
.one-fifth-c {width:18%; display:inline-block; vertical-align:top; margin-right:2%;}
.one-sixth-c {width:15%; display:inline-block; vertical-align:top; margin-right:1%;}
.five-sixth-c {width:79%; display:inline-block; vertical-align:top; margin-right:1%;}
.two-fifth-c {width:38%; display:inline-block; vertical-align:top; margin-right:2%;}
.three-fifth-c {width:58%; display:inline-block; vertical-align:top; margin-right:2%;}
.four-fifth-c {width:78%; display:inline-block; vertical-align:top; margin-right:2%;}
.three-fourth-c {width:70%; display:inline-block; vertical-align:top; margin-right:5%;}
.two-third-c {width:63%; display:inline-block; vertical-align:top; margin-right: 3%;}
.one-fourth-c.last, .one-third-c.last, .two-third-c.last , .one-half-c.last,.three-fourth-c.last,.one-fifth-c.last,.two-fifth-c.last,.three-fifth-c.last,.four-fifth-c.last,.one-sixth-c.last,.five-sixth-c.last { margin-right:0; margin-bottom:0; clear:right; }
.fixed_column{ display:inline-block; vertical-align:top; }

/*first-letter*/

.dropcap { float: left; font-size: 40px; line-height: 40px; padding-right: 8px; }

/*buttons*/

.ux-btn,
 #top-slider .tp-button.lightgrey,
 #top-slider .tp-button.darkgrey { 
  display: inline-block; font-size:18px; padding: 9px 15px 10px; border-style: solid; border-width: 1px; font-weight:300; border-radius:0;
  cursor:pointer; background:none; box-shadow:none; text-shadow:none; 
}
#top-slider .tp-button.lightgrey,
#top-slider .tp-button.darkgrey {
  display: inline; text-shadow: none!important;
 }
.ux-btn.btn-dark,
.text_block.withbg a.ux-btn.btn-dark,
#top-slider .tp-button.darkgrey {
  color:#000; color:rgba(0,0,0,0.8); border-color:#000; border-color: rgba(0,0,0,0.5);
}
#top-slider .tp-button.darkgrey {
  border-color:#000; color:#000!important;
}
.ux-btn.btn-dark:hover,
.text_block.withbg a.ux-btn.btn-dark:hover {
  background-color: #000!important; border-color:#000; color:#eee; 
}
#top-slider .tp-button.darkgrey:hover{
  color:#fff!important; background-color: #000!important; border-color:#000;
}
.ux-btn.btn-light,
.text_block.withbg a.ux-btn.btn-light,
 #top-slider .tp-button.lightgrey {
  color:#eee; color:rgba(255,255,255,0.8); border-color:#eee; border-color: rgba(255,255,255,0.5); 
}
 #top-slider .tp-button.lightgrey {
  border-color:#fff;
}
.ux-btn.btn-light:hover,
.text_block.withbg a.ux-btn.btn-light:hover, 
#top-slider .tp-button.lightgrey:hover {
  background-color: #eee!important; border-color:#eee; color:#000;  
}
#top-slider .tp-button.lightgrey:hover{
  background-color: #fff!important; border-color:#fff; color:#000!important;
}
.text_block.withbg .ux-btn,.text_block .ux-btn{ 
  text-decoration:none;  
}
.spread-v-button-ux{
  overflow: hidden;
}
.spread-v-button-ux:before{
  content: "";opacity: 0;
  height: 2px;width: 100%;
  left: 0; top: 50%;margin-top: -1px;
  position: absolute;z-index: -1;
  background-color: #fff;
}
.spread-v-button-ux:hover:before{ opacity: 1;
  -webkit-transform: scaleY(22);
     -moz-transform: scaleY(22);
      -ms-transform: scaleY(22);
       -o-transform: scaleY(22);
          transform: scaleY(22);
}
.btn-round-ux{
  height: 100px; width: 100px; border-radius: 50px; line-height:96px; padding: 0;
}


/* line*/

.line { clear:both; color:#999; border-top-width:1px; height:19px; }
.line_solid{ border-top-style: solid;}
.line_dot{ border-top-style:dotted;}
.line_dashed{ border-top-style: dashed;}
.line_double{ border-top-style: double;}
.line_groove{ border-top-style: groove;}
.line_red{ border-top-color: #cc6666;}
.line_pink{ border-top-color: #882a7e;}
.line_brown{ border-top-color: #e3a600;}
.line_green{ border-top-color: #5bae55;}
.line_blue{ border-top-color: #4c8ac5;}
.line_grey{ border-top-color: #ccc;}
.line_dark{ border-top-color: #666;}
.line_black{ border-top-color: #000;}
.line_blank{ height:20px; clear:both; display:block;}
.line_blank_half{ height:10px; clear:both; display:block;}
.line_clear{ height:0; clear:both;}
p.paragraph{line-height:20px;}

/*image*/
.shortcode-image.shadow {
  opacity: 1;
}
.imgborder0{ border:none;}
.imgborder1{ border:10px solid #ccc; }
.imgborder2{ border:5px solid #777; padding:5px;}
.imgborder3{ border:1px solid #ccc; padding:9px;}
.imgborder4{border:5px solid #d3ddea;}
.imgtext img{ margin-bottom:10px;}
.imgtextimgleft{ margin-right:20px; float:left }
.imgtextimgright{  margin-left:20px; float:right }
.imageshover{ position: relative; margin-left:auto; margin-right:auto;}
.imageshoverimg{position: absolute;top: 0; left: 0;z-index:98;}
.imageshoverp{  text-align:center; height:40px;line-height:40px; font-size:14px; color:#999; background-color:#000; position: absolute;bottom: 0; left: 0; z-index:99; display:none;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; 
filter:alpha(opacity=60); 
opacity: .6;}
.roundimage{ width:140px; height:140px; overflow:hidden;background-size:100% 100%; background-repeat:no-repeat; 
-moz-border-radius: 70px;
-webkit-border-radius: 70px;
border-radius: 70px;}

/*Icon*/

i.small{ font-size:12px; }
i.big{ font-size:48px;}
i.medium{ font-size:24px; }

/*List*/

.list{ position:relative; display:block;  }
.list i{ position: absolute; top: 5px; left: 0; }
.list-inn{ position:relative; left:20px; padding-right:20px;}

/*font color*/

.entry black { color:#000;}
.entry .dark{ color:#000;}
.entry grey { color:#999;}
.entry red { color: #CC0000;}
.entry green { color: #339933;}
.entry yellow { color: #FFCC00;}
.entry orange { color: #FF6600;}
.entry blue { color: #003399;}
.entry brown { color: #CC6600;}
.entry pink { color: #FF3399;}

/* toggle */

.toggle-title{font-family:Tahoma , arial, serif; padding-left:10px;  cursor:pointer;}
.toggle-title:before { background: url(img/icon.html) no-repeat scroll -299px 3px transparent;
    content: "";
    display: inline-block;
    float: left;
    height: 20px;
    margin-left: -24px;
    width: 33px;}
.toggle-des{ display:none; margin-top:20px; margin-bottom:20px; padding-left:20px;}


/*border style*/

.border-style1{ border:5px solid #fff;
-webkit-box-shadow:0px 2px 5px #a3a3a3;
   -moz-box-shadow:0px 2px 5px #a3a3a3;
       box-shadow: 0px 2px 5px #a3a3a3;
             -webkit-border-radius:5px;
			    -moz-border-radius:5px;
				     border-radius:5px;
}
.border-style2{ border-style:solid; border-width:10px; }
.border-style3{ border-style:solid; border-width:1px; padding:10px;}


/* map */
#map_canvas img,#map_canvas iframe,#map_canvas object,#map_canvas embed{ margin-bottom:0; max-width:none; }
.map{ overflow:hidden; }

/* Quote*/
.entry blockquote{ margin:20px; padding-left:20px; border-left: 2px solid #ddd; }


/* Pagebuilder override: modules*/
/*liquid list*/

.item_title{
  position: relative; padding-bottom: 30px; padding-top: 30px;
}
.item_title:before{
  content:''; position: absolute; bottom: 27px; left: 20px; width: 30px; height: 3px; 
}

.item_des {
  padding-bottom: 20px;
}
.item-des-p,
.isotope-item.quote .item_des p, 
.item-link-wrap{
  
}
.isotope-item.audio .audio_player_list {
  padding-bottom: 30px; 
}
.isotope-item.link .item-des-p,
.audio_player_list{
  padding-bottom: 20px;
}
.audio-unit span.audiobutton:before{
  top: 4px;
}
.audio-unit{
  line-height: 30px;
}
.liquid-more-icon{
  font-size: 14px;
}
.liquid-more{
  text-align: left;
}
.liqd-gallery-img i {
  box-shadow: none; text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2); color: #fff;
}
.liquid-body,
.liquid-title.bg-theme-color-1,
.liquid-title.bg-theme-color-2,
.liquid-title.bg-theme-color-3,
.liquid-title.bg-theme-color-4,
.liquid-title.bg-theme-color-5,
.liquid-title.bg-theme-color-6,
.liquid-title.bg-theme-color-7,
.liquid-title.bg-theme-color-8,
.liquid-title.bg-theme-color-9,
.liquid-title.bg-theme-color-10,
.liquid-more{
  background-color: #000;
}
.liquid-title i{
  font-size: 16px; right: 10px; top:10px;
}
.liquid-more-icon i{
  display: none;
}

/* accordion */
.accordion-style-b .accordion-heading .accordion-toggle {
  padding: 10px 0;
}
.accordion-style-b .accordion-heading {
  border-left:none; border-top-width: 1px; border-top-style: solid; position: relative;
}
.accordion-style-b .accordion-heading a:before{
  content: ''; position: absolute; top:50%; right: 0; width: 15px; height: 1px;
}
.accordion-style-b .accordion-heading a:after{
  content: ''; position: absolute; top:50%; right: 7px; width: 1px; height: 15px; margin-top: -7px;
}
.accordion-style-b .accordion-heading.active a:after{
  display: none;
}
.accordion-style-b .accordion-inner {
  padding-left: 0;
}
.accordion-style-b .accordion-group {
  margin-bottom: 0;
}
.accordion-style-b .accordion-group:last-child .accordion-heading{
  border-bottom-width: 1px; border-bottom-style: solid;
}
.accordion-inner{
  padding: 29px 15px;
}

/* Porfolio Brick list*/
.brick-hover-mask,
.brick-hover-mask a,
.brick-hover-mask h3,
.brick-hover-mask a:hover {
  color: #fff;
}
.brick-hover-mask h3:before{
  background-color: #fff;
}

/* Menu always shown css override, link this css file below style.css */

#sidebar {
  left: 0; width: 260px;
}
#sidebar #sidebar-trigger {
  display: none;
}
.csstransforms #sidebar:hover,
.csstransforms.touch #sidebar.sidebar-hover {
  box-shadow: none !important; 
  -webkit-transform: translateX(0)!important; 
  -moz-transform: translateX(0)!important; 
  -ms-transform: translateX(0)!important; 
  -o-transform: translateX(0)!important; 
  transform: translateX(0)!important; 
}
#sidebar:hover ~ #main-wrap #main,
.touch #sidebar:hover ~ #main-wrap #main{
-webkit-transform: none!important; 
-moz-transform: none!important; 
-ms-transform: none!important; 
-o-transform: none!important; 
transform: none!important; 
}
#sidebar ~ #main-wrap{
  padding-left: 260px;
}


/*------------------------------------
      Theme default Color scheme
------------------------------------*/


/* Hightlight color */
a:hover,.entry p a,.archive-tit a:hover,.text_block a,.post_meta > li a:hover, #sidebar a:hover, #comments .comment-author a:hover,#comments .reply a:hover,.fourofour-wrap a,.archive-meta-unit a:hover,.post-meta-unit a:hover,
.blog_meta a:hover,.breadcrumbs a:hover,.link-wrap a:hover,.item_title a:hover,.item_des a:hover,.archive-wrap h3 a:hover,.post-color-default,.latest-posts-tags a:hover,
.carousel-wrap a:hover,.iocnbox:hover i,.blog-item-main h2 a:hover,div.bbp-template-notice,h1.main_title .bbp-breadcrumb a:hover,.related-post-wrap h3:hover a,.latest-posts-tit-a:hover
{ 
  color:#fff; 
}

.pagenums a:hover,.pagenums .current,.page-numbers.current,.sidebar_widget .tagcloud a:hover,.related-post-wrap h3:before,.header-slider-item-more:hover,
.process-bar,.nav-tabs > li > a:hover,.testimenials:hover,.testimenials:hover .arrow-bg,
.sidebar_widget .widget_uxconatactform input#idi_send:hover,input.idi_send:hover,.page-numbers:hover,#bbp-user-navigation li a:hover
{ 
  background-color:#FF5533;
}
textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus,.uneditable-input:focus,
.sidebar_widget .widget_uxconatactform textarea:focus,.sidebar_widget .widget_uxconatactform input[type="text"]:focus,#respondwrap textarea:focus,#respondwrap input:focus 
{ 
  border-color:#FF5533; outline:0; 
}


/* Dark-Background Color scheme*/

/*  Auxiliary color  */
.slider-panel,.quote-wrap,#main_title_wrap,.nav-tabs > li,.item_des,.audio_player_list,.promote-wrap,.process-bar-wrap,.post_meta,.pagenumber a,.countdown_section,.progress-wrap .progress-bar,.interlock-item,
.pagenumber span,.testimenials,.testimenials .arrow-bg,.carousel-wrap a,.pagenums a,.pagenums span,.accordion-heading,.page-numbers,.testimonial-thum-bg,.latest-posts-tit,.single-feild,.gallery-wrap-sidebar .related-post-wrap,.gallery-wrap-sidebar .comment-wrap,.chosen-container-active.chosen-with-drop .chosen-single,
{ 
  background-color: #000333; 
}
.progress_bars_with_image_content .bar .bar_noactive.grey {
  color: #000333; 
}
.border-style2,.border-style3,.nav-tabs > li > a,.tab-content,.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus,.tabs-v,.single-feild
{ 
  border-color: #000333;  
}
.nav.nav-tabs, .tabs-v .nav-tabs > li:last-child.active>a{
  border-bottom-color: #000333; 
}
.tab-content.tab-content-v {
  border-left-color: #000333;  
}
.tabs-v .nav-tabs > .active > a {
  border-top-color: #000333; 
}


/* Post & Page */
/* Title color*/
#comments .comment-author a,h1,h2,h3,h4,h5,h6,.archive-tit a,.blog-item-main h2 a,.item_title a,#sidebar .social_active i:hover,.countdown_amount,.latest-posts-tit a,
.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus,.accordion-heading .accordion-toggle,.item_des .item_title a,
.infrographic.bar .bar-percent,.jqbar.vertical span,.item_title a,.team-item-con-back a,.team-item-con-back i,.team-item-con-h p,.slider-panel-item h2.slider-title a,
#respondwrap textarea, #respondwrap input, .contactform input[type="text"], .contactform textarea,#respondwrap input#submit:hover,.contactform input[type="submit"]:hover
{ 
    color:#fafafa; 
}
li.commlist-unit,
.gallery-wrap-fullwidth .gallery-info-property,
.accordion-heading,
#respondwrap textarea, #respondwrap input, .contactform input[type="text"], .contactform textarea,
#respondwrap input#submit,.contactform input[type="submit"]
{ 
    border-color: #fafafa; 
}
h1.main-title:before,.team-item-con,.archive-wrap li:before,.ux-btn:hover,.related-post-wrap h2:before,#respondwrap input#submit,.contactform input[type="submit"],
.galleria-info,#float-bar-triggler,.float-bar-inn,.galleria-image-nav-left:after, .galleria-image-nav-right:after,.comm-reply-title:after,.tw_style a,
.promote-button:hover,.filter-floating li, .filter-floating-triggle,.item_title:before,.accordion-style-b .accordion-heading a:before,.accordion-style-b .accordion-heading a:after,
.separator_inn.bg-,.carousel-indicators li
 {
  background-color: #fafafa;
}

/* Content color */
body,a,.entry p a:hover,.text_block a:hover,#content_wrap,#comments .reply a,#comments,.blog-item-excerpt,.item_des,.item_des a,
h3#reply-title small, #comments .nav-tabs li.active h3#reply-title .logged,#comments .nav-tabs li a:hover h3 .logged,
.header-info-mobile,.carousel-wrap a.disabled:hover,.filters li a:hover
{ 
  color:#fff; 
}
.filters li a:before {
    background-color:#ccc; 
}

/*  Meta font color*/
.post_meta>li,.post_meta>li a,.blog_meta,.blog_meta a,.post-meta, .post-meta a,.archive-meta-unit,.archive-meta-unit a,.latest-posts-tags a,
#mobile-header-meta p,.bbp-meta,.bbp-meta a,.bbp-author-role,.bbp-pagination-count,span.bbp-author-ip,.bbp-forum-content,.infrographic-subtit
{ 
  color:#999999; 
}

/* Content Bg Color */
#main,.separator h4,.float-bar-triggler-inn:before, .float-bar-triggler-inn:after, .float-bar-triggler-inn,
.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus,.tab-content,.filters.filter-floating li a:before,
.chosen-container .chosen-drop,.modal-dialog .modal-content
{ 
  background-color: #28546C;
}
.testimenials span.arrow,.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus { 
    border-bottom-color: #2b2b2b; 
}
.tabs-v .nav-tabs > .active > a
{ 
  border-right-color: #2b2b2b; 
}
#post-navi ,#post-navi a,.float-bar-social-share button,#respondwrap input#submit,.contactform input[type="submit"],.tw_style a,
.filter-floating a,.filter-floating a:hover,.filter-floating i,.galleria-info-title, .galleria-image-nav, .galleria-counter {
  color: #2b2b2b; 
}


/* Sidebar widget*/
/*Sidebar Widget BG Color*/
#sidebar-widget { 
  background-color: #2b2b2b;
}

/*Sidebar Widget Title Color*/
.sidebar_widget h3.widget-title,
.sidebar_widget h3.widget-title a { 
  color: #cccccc;
}

/*Sidebar Widget Content Color*/
.sidebar_widget,
.sidebar_widget a { 
  color: #aaaaaa; 
}

/*Logo Text Color*/
#logo a, #logo-page a, #logo-mobile a,
#logo a:hover, #logo-page a:hover, #logo-mobile a:hover,.site-loading-logo { 
  color:#eee; 
}
/*#logo a, #logo-page a, #logo-mobile a, .site-loading-logo {
  font-family: 'Playfair Display', 'serif'; font-weight: 700;
}
*/
/*  Menu BAR */
/* Left Menu Bar Bg Color */
#sidebar,.site-loading,.page-loading,
#navi ul li ul.sub-menu li, 
#navi ul li:hover,
.brick-grey {
  background-color: #032436;
}

/* Menu Item Text Color */
#navi a,#mobile-advanced a,.menu-icon i,#navi ul li ul.sub-menu:before,
input[type="text"].textboxsearch,.submit-wrap i,.icons-sidebar-unit,#woocomerce-cart-side a { 
  color:#fff; 
}
.site-loading .loading-dot1,
.site-loading .loading-dot2,
.page-loading .loading-dot1,
.page-loading .loading-dot2{ 
  background-color: #666; 
}

/* Heightlight Item Text Color */
#navi ul li:hover>a,
#navi ul li.current-menu-item>a,
#navi ul li.current-menu-ancestor>a,
#mobile-advanced li>a:hover,
#mobile-advanced li.current-menu-item>a,
#mobile-advanced li.current-menu-ancestor>a,
.icons-sidebar-unit:hover i { 
 background: #0080c9;
}
#navi ul li a:before{
  background-color: #eee;
}

.copyright, .copyright a {
    color: #666666;
}


/*Selected Text Bg Color*/
::selection { background:#89b4f5;color:#fff;}
::-moz-selection { background:#89b4f5;color:#fff;}
::-webkit-selection { background:#89b4f5;color:#fff;}


/* Button & Bar Font Color. note: on BG#000 */
.pagenums a:hover, .pagenums .current,.page-numbers.current,.page-numbers:hover,.promote-button:hover,
.tagcloud a:hover,.header-slider-item-more:hover,.woocommerce-page #content input.button { 
  color:#fff; 
}
.filters a:before{
  background-color: #fff;
}

/* Float bar */
.float-bar-social-share button{
  background: none;
}
.social-share-facebook:hover{
  background-color: #3b5998;
}
.social-share-twitter:hover{
  background-color: #00aced;
}
.social-share-google-plus:hover{
  background-color: #dd4b39;
}
.social-share-pinterest:hover{
  background-color: #cb2027;
}
.social-share-vk:hover{
  background-color: #45668e;
}
.social-share-linkedin:hover{
  background-color: #007bb6;
}
.float-bar-social-share button:hover{
  color:#fff;
}

/* 
Form Style
e.g. contact form, search bar...
*/

#bbp-user-navigation li.current a,
#bbp-user-navigation li a:hover,
input.wpcf7-form-control.wpcf7-submit:hover,
.mask-hover-caption-block a { 
  color:#fff; 
}
.sidebar_widget textarea,
.sidebar_widget input[type="text"],
.sidebar_widget input[type="email"]{ 
  margin-bottom:10px; height:35px;
  background:#fff; border:1px solid #e8e8e8; 
}
.sidebar_widget textarea{ height:75px; }
.sidebar_widget .widget_search input[type="text"],
.sidebar_widget .widget_display_search input[type="text"]{ margin-bottom:0; }
.sidebar_widget .tagcloud a{ background:rgba(0,0,0,0.03); }
.sidebar_widget .widget_uxconatactform input#idi_send{ border:none; color:#fff; }
.sidebar_widget .widget_uxconatactform input#idi_send:hover,
#sidebar .sidebar_widget .tagcloud a:hover,
.text_block .ux-btn:hover,
.ux-btn:hover,
.entry p .ux-btn:hover,
.widget-container .user-submit:hover,
.sidebar_widget .widget_display_search input[type="submit"]:hover,
button#bbp_reply_submit:hover,
.liquid-more-icon:hover { 
  color:#fff; 
}

/* Button */

button, input[type="submit"]{ 
  background-color:#000; color:#ccc; border:none; border-radius: 0; height:30px; line-height:30px; padding:0 15px;
}

/*Top bar*/
#header-bar-triggler i,
.topbar-social-share button{
  color:#eee;
}

/* Line color */
div #bbpress-forums li.bbp-header
{ 
  border-color:#eee; 
}
#bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic,#bbpress-forums .bbp-forums-list,
#content .mu_register #user_login,#content .mu_register #user_email
{ 
  border-color:#eee;
}
#bbpress-forums li.bbp-body,li.bbp-body div.hentry
{ 
  border-bottom:1px solid #eee; 
}
/*Override wp default*/

.wp-caption{}
.wp-caption-text {}
.sticky {}
.gallery-caption {}
.bypostauthor {}

/* Page BG */
body,#wrap{ background-color:#004979; background-image:none; }


/*------------------------------- ----------------
      Tinymce/Editor Compatible 
---------------------------------------------------*/

/* Tinymce/Editor Compatible */
.comment-content img, .entry-content img, .entry-summary img, #site-header img, .widget img, .wp-caption{
  max-width: 100%;
}
.alignleft{ float:left; margin-right:20px; margin-bottom:10px; } 
.alignright{ float:right; margin-left:20px; margin-bottom:10px;} 
.aligncenter{ margin-left:auto; margin-right: auto; display: block; } 
.wp-caption-text{
  font-style: italic;
}
address{ 
  font-style:italic; 
}
.entry h1,
.entry h4{
 line-height: 1.3333333333; margin: 30px 0 10px;
}
.entry h2{
 line-height: 1.25; margin: 30px 0 10px;
}
.entry h3{
 line-height: 1.1111111111; margin: 30px 0 10px;
}
.entry h5{
 line-height: 1.6666666667; margin: 8px 0 5px 0;
}
.entry ul li,
.text_block ul li,
.icon_text ul li,
.tab-pane ul li,
.accordion-group ul li{
  list-style: disc; margin-left: 20px; 
}
.entry ol li,
.text_block ol li,
.icon_text ol li,
.tab-pane ol li,
.accordion-group ol li{
  list-style: decimal; margin-left: 20px;
}
#comments .tab-pane ol li,
#comments .tab-pane ul li{
  list-style: none; margin-left:0;
}
.entry table,.entry th,.entry td,
.text_block table,.text_block th,.text_block td,
.icon_text table,.icon_text th,.icon_text td,
.tab-pane table,.tab-pane th,.tab-pane td,
.accordion-group table,.accordion-group th,.accordion-group td {
  border: 1px solid #ccc; padding: 6px;
}
.entry th,.entry td,
.text_block th,.text_block td,
.icon_text th,.icon_text td,
.tab-pane th,.tab-pane td,
.accordion-group th,.accordion-group td{
  border-width: 0 1px 1px 0;
}
.entry table,
.text_block table,
.icon_text table,
.tab-pane table,
.accordion-group table{
  border-width: 1px 0 0 1px;
}
blockquote{
  font-size: 16px; font-style: italic; line-height: 1.5;
}
blockquote em, blockquote i, blockquote cite {
  font-style: normal; font-weight: bold;
}


/*------------------------------- ----------------
      Responsive
---------------------------------------------------*/


.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: inherit !important;
  }
  .hidden-print {
    display: none !important;
  }
}
@media (min-width: 1200px) {
.row{margin-left:-40px;*zoom:1;}
[class*="span"]{float:left;min-height:1px;margin-left:40px;}
.container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{ }
.span12{width:1160px;}
.span11{width:1060px;}
.span10{width:960px;}
.span9{width:860px;}
.span8{width:760px;}
.span7{width:660px;}
.span6{width:560px;}
.span5{width:460px;}
.span4{width:360px;}
.span3{width:260px;}
.span2{width:160px;}
.span1{width:60px;}
.offset12{margin-left:1240px;}
.offset11{margin-left:1140px;}
.offset10{margin-left:1040px;}
.offset9{margin-left:940px;}
.offset8{margin-left:840px;}
.offset7{margin-left:740px;}
.offset6{margin-left:640px;}
.offset5{margin-left:540px;}
.offset4{margin-left:440px;}
.offset3{margin-left:340px;}
.offset2{margin-left:240px;}
.offset1{margin-left:140px;}

/* Custom ux */
/* header */
.header-layout-a .search_top_form{ height:40px; }
.header-layout-a #headerinn_s{ line-height:40px; position: static; }
.header-layout-a #socialicons{ float:left; }
#socialicons > a span{ width:40px; height:40px;}
.header-layout-a #socialicons a{ line-height:40px; height:40px; }
.header-layout-a #socialicons a i{ line-height:40px; width:40px;}
.header-layout-a .search_top_form input[type="search"],
.header-layout-a .search_top_form input[type="text"]{ margin-left:0px; margin-top:0; height:40px; padding:0 0 0 15px; }
.header-slider-item-content-inn.text-left{ margin-left:80px; }
.header-slider-item-content-inn.text-right{ margin-right:80px; }
.fullwidth-ux .header-slider-item-content-inn.text-left{margin-left:autol}
.fullwidth-ux .header-slider-item-content-inn.text-right{margin-right:auto;}
/*Sidebar*/
.sidebar_widget .widget_search input[type="submit"], 
.sidebar_widget .widget_display_search input[type="submit"] {
  margin-left: -4px; margin-top: 0; display: inline-block;
}
.sidebar_widget .widget_search input[type="text"],
.sidebar_widget .widget_display_search input[type="text"]{ max-width: 195px; width:70%; }
/*Footer*/

}
@media (max-width: 979px) {
body{padding-top:0;}
.navbar-fixed-top,.navbar-fixed-bottom{position:static;}
.navbar-fixed-top{margin-bottom:20px;}
.navbar-fixed-bottom{margin-top:20px;}
.navbar-fixed-top .navbar-inner,.navbar-fixed-bottom .navbar-inner{padding:5px;}
.navbar .container{width:auto;padding:0;}
.navbar .brand{padding-left:10px;padding-right:10px;margin:0 0 0 -5px;}
.nav-collapse{clear:both;}
.nav-collapse .nav{float:none;margin:0 0 10px;}
.nav-collapse .nav > li{float:none;}
.nav-collapse .nav > li > a{margin-bottom:2px;}
.nav-collapse .nav > .divider-vertical{display:none;}
.nav-collapse .nav .nav-header{color:#777777;text-shadow:none;}
.nav-collapse .nav > li > a,.nav-collapse .dropdown-menu a{padding:9px 15px;font-weight:bold;color:#777777;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.nav-collapse .btn{padding:4px 10px 4px;font-weight:normal;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.nav-collapse .dropdown-menu li + li a{margin-bottom:2px;}
.nav-collapse .nav > li > a:hover,.nav-collapse .nav > li > a:focus,.nav-collapse .dropdown-menu a:hover,.nav-collapse .dropdown-menu a:focus{background-color:#f2f2f2;}
.navbar-inverse .nav-collapse .nav > li > a,.navbar-inverse .nav-collapse .dropdown-menu a{color:#999999;}
.navbar-inverse .nav-collapse .nav > li > a:hover,.navbar-inverse .nav-collapse .nav > li > a:focus,.navbar-inverse .nav-collapse .dropdown-menu a:hover,.navbar-inverse .nav-collapse .dropdown-menu a:focus{background-color:#111111;}
.nav-collapse.in .btn-group{margin-top:5px;padding:0;}
.nav-collapse .dropdown-menu{position:static;top:auto;left:auto;float:none;display:none;max-width:none;margin:0 15px;padding:0;background-color:transparent;border:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.nav-collapse .open > .dropdown-menu{display:block;}
.nav-collapse .dropdown-menu:before,.nav-collapse .dropdown-menu:after{display:none;}
.nav-collapse .dropdown-menu .divider{display:none;}
.nav-collapse .nav > li > .dropdown-menu:before,.nav-collapse .nav > li > .dropdown-menu:after{display:none;}
.nav-collapse .navbar-form,.nav-collapse .navbar-search{float:none;padding:10px 15px;margin:10px 0;border-top:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);}
.navbar-inverse .nav-collapse .navbar-form,.navbar-inverse .nav-collapse .navbar-search{border-top-color:#111111;border-bottom-color:#111111;}
.navbar .nav-collapse .nav.pull-right{float:none;margin-left:0;}
.nav-collapse,.nav-collapse.collapse{overflow:hidden;height:0;}
.navbar .btn-navbar{display:block;}
.navbar-static .navbar-inner{padding-left:10px;padding-right:10px;}
}
@media (min-width: 769px) and (max-width: 979px) {
.responsive-ux .row{margin-left:-20px;*zoom:1;}
.responsive-ux .row:before,.row:after{display:table;content:"";line-height:0;}
.responsive-ux .row:after{clear:both;}
.responsive-ux [class*="span"]{float:left;min-height:1px;}
.responsive-ux .container,
.responsive-ux .navbar-static-top .container,
.responsive-ux .navbar-fixed-top .container,
.responsive-ux .navbar-fixed-bottom .container{ }
.responsive-ux .span12{width:724px;}
.responsive-ux .span11{width:662px;}
.responsive-ux .span10{width:600px;}
.responsive-ux .span9{width:538px;}
.responsive-ux .span8{width:476px;}
.responsive-ux .span7{width:414px;}
.responsive-ux .span6{width:352px;}
.responsive-ux .span5{width:290px;}
.responsive-ux .span4{width:228px;}
.responsive-ux .span3{width:166px;}
.responsive-ux .span2{width:104px;}
.responsive-ux .span1{width:42px;}
.responsive-ux .offset12{margin-left:764px;}
.responsive-ux .offset11{margin-left:702px;}
.responsive-ux .offset10{margin-left:640px;}
.responsive-ux .offset9{margin-left:578px;}
.responsive-ux .offset8{margin-left:516px;}
.responsive-ux .offset7{margin-left:454px;}
.responsive-ux .offset6{margin-left:392px;}
.responsive-ux .offset5{margin-left:330px;}
.responsive-ux .offset4{margin-left:268px;}
.responsive-ux .offset3{margin-left:206px;}
.responsive-ux .offset2{margin-left:144px;}
.responsive-ux .offset1{margin-left:82px;}
.responsive-ux .row-fluid{width:100%;*zoom:1;}
.responsive-ux .row-fluid:before,
.responsive-ux .row-fluid:after{display:table;content:"";line-height:0;}
.responsive-ux .row-fluid:after{clear:both;}
.responsive-ux .row-fluid [class*="span"]{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;margin-left:2.7624309392265194%;*margin-left:2.709239449864817%;}
.responsive-ux .row-fluid [class*="span"]:first-child{margin-left:0;}
.responsive-ux .row-fluid .controls-row [class*="span"] + [class*="span"]{margin-left:2.7624309392265194%;}
.responsive-ux .row-fluid .span12{width:100%;*width:99.94680851063829%;}
.responsive-ux .row-fluid .span11{width:91.43646408839778%;*width:91.38327259903608%;}
.responsive-ux .row-fluid .span10{width:82.87292817679558%;*width:82.81973668743387%;}
.responsive-ux .row-fluid .span9{width:74.30939226519337%;*width:74.25620077583166%;}
.responsive-ux .row-fluid .span8{width:65.74585635359117%;*width:65.69266486422946%;}
.responsive-ux .row-fluid .span7{width:57.18232044198895%;*width:57.12912895262725%;}
.responsive-ux .row-fluid .span6{width:48.61878453038674%;*width:48.56559304102504%;}
.responsive-ux .row-fluid .span5{width:40.05524861878453%;*width:40.00205712942283%;}
.responsive-ux .row-fluid .span4{width:31.491712707182323%;*width:31.43852121782062%;}
.responsive-ux .row-fluid .span3{width:22.92817679558011%;*width:22.87498530621841%;}
.responsive-ux .row-fluid .span2{width:14.3646408839779%;*width:14.311449394616199%;}
.responsive-ux .row-fluid .span1{width:5.801104972375691%;*width:5.747913483013988%;}
.responsive-ux .row-fluid .offset12{margin-left:105.52486187845304%;*margin-left:105.41847889972962%;}
.responsive-ux .row-fluid .offset12:first-child{margin-left:102.76243093922652%;*margin-left:102.6560479605031%;}
.responsive-ux .row-fluid .offset11{margin-left:96.96132596685082%;*margin-left:96.8549429881274%;}
.responsive-ux .row-fluid .offset11:first-child{margin-left:94.1988950276243%;*margin-left:94.09251204890089%;}
.responsive-ux .row-fluid .offset10{margin-left:88.39779005524862%;*margin-left:88.2914070765252%;}
.responsive-ux .row-fluid .offset10:first-child{margin-left:85.6353591160221%;*margin-left:85.52897613729868%;}
.responsive-ux .row-fluid .offset9{margin-left:79.8342541436464%;*margin-left:79.72787116492299%;}
.responsive-ux .row-fluid .offset9:first-child{margin-left:77.07182320441989%;*margin-left:76.96544022569647%;}
.responsive-ux .row-fluid .offset8{margin-left:71.2707182320442%;*margin-left:71.16433525332079%;}
.responsive-ux .row-fluid .offset8:first-child{margin-left:68.50828729281768%;*margin-left:68.40190431409427%;}
.responsive-ux .row-fluid .offset7{margin-left:62.70718232044199%;*margin-left:62.600799341718584%;}
.responsive-ux .row-fluid .offset7:first-child{margin-left:59.94475138121547%;*margin-left:59.838368402492065%;}
.responsive-ux .row-fluid .offset6{margin-left:54.14364640883978%;*margin-left:54.037263430116376%;}
.responsive-ux .row-fluid .offset6:first-child{margin-left:51.38121546961326%;*margin-left:51.27483249088986%;}
.responsive-ux .row-fluid .offset5{margin-left:45.58011049723757%;*margin-left:45.47372751851417%;}
.responsive-ux .row-fluid .offset5:first-child{margin-left:42.81767955801105%;*margin-left:42.71129657928765%;}
.responsive-ux .row-fluid .offset4{margin-left:37.01657458563536%;*margin-left:36.91019160691196%;}
.responsive-ux .row-fluid .offset4:first-child{margin-left:34.25414364640884%;*margin-left:34.14776066768544%;}
.responsive-ux .row-fluid .offset3{margin-left:28.45303867403315%;*margin-left:28.346655695309746%;}
.responsive-ux .row-fluid .offset3:first-child{margin-left:25.69060773480663%;*margin-left:25.584224756083227%;}
.responsive-ux .row-fluid .offset2{margin-left:19.88950276243094%;*margin-left:19.783119783707537%;}
.responsive-ux .row-fluid .offset2:first-child{margin-left:17.12707182320442%;*margin-left:17.02068884448102%;}
.responsive-ux .row-fluid .offset1{margin-left:11.32596685082873%;*margin-left:11.219583872105325%;}
.responsive-ux .row-fluid .offset1:first-child{margin-left:8.56353591160221%;*margin-left:8.457152932878806%;}
.responsive-ux input,
.responsive-ux textarea,
.responsive-ux .uneditable-input{margin-left:0;}
.responsive-ux .controls-row [class*="span"] + [class*="span"]{margin-left:20px;}
.responsive-ux input.span12,
.responsive-ux textarea.span12,
.responsive-ux .uneditable-input.span12{width:710px;}
.responsive-ux input.span11,
.responsive-ux textarea.span11,
.responsive-ux .uneditable-input.span11{width:648px;}
.responsive-ux input.span10,
.responsive-ux textarea.span10,
.responsive-ux .uneditable-input.span10{width:586px;}
.responsive-ux input.span9,
.responsive-ux textarea.span9,
.responsive-ux .uneditable-input.span9{width:524px;}
.responsive-ux input.span8,
.responsive-ux textarea.span8,
.responsive-ux .uneditable-input.span8{width:462px;}
.responsive-ux input.span7,
.responsive-ux textarea.span7,
.responsive-ux .uneditable-input.span7{width:400px;}
.responsive-ux input.span6,
.responsive-ux textarea.span6,
.responsive-ux .uneditable-input.span6{width:338px;}
.responsive-ux input.span5,
.responsive-ux textarea.span5,
.responsive-ux .uneditable-input.span5{width:276px;}
.responsive-ux input.span4,
.responsive-ux textarea.span4,
.responsive-ux .uneditable-input.span4{width:214px;}
.responsive-ux input.span3,
.responsive-ux textarea.span3,
.responsive-ux .uneditable-input.span3{width:152px;}
.responsive-ux input.span2,
.responsive-ux textarea.span2,
.responsive-ux .uneditable-input.span2{width:90px;}
.responsive-ux input.span1,
.responsive-ux textarea.span1,
.responsive-ux .uneditable-input.span1{width:28px;}
.responsive-ux .hidden-desktop{display:inherit !important;}
.responsive-ux .visible-desktop{display:none !important;}
.responsive-ux .visible-tablet{display:inherit !important;}
.responsive-ux .hidden-tablet{display:none !important;}
/* Custom ux */
.responsive-ux .fivecolumns .span2 {
        width: 17.79005524861878448%;
        *width: 17.7155871635124022%;
    }
/*Sidebar*/
.responsive-ux .sidebar_widget .widget_search input[type="text"]{ max-width:none; }

/*Footerbar*/
.responsive-ux #foot_widget .widget_search input[type="submit"]{ margin-left:0; margin-top:8px;}
}
@media (max-width: 768px) {
.responsive-ux .navbar-fixed-top,
.responsive-ux .navbar-fixed-bottom,
.responsive-ux .navbar-static-top{margin-left:-20px;margin-right:-20px;}
.responsive-ux .container-fluid{padding:0;}
.responsive-ux .dl-horizontal dt{float:none;clear:none;width:auto;text-align:left;}
.responsive-ux .dl-horizontal dd{margin-left:0;}
.responsive-ux .container{ }
.responsive-ux .row-fluid{width:100%;}
.responsive-ux .row,.thumbnails{margin-left:0;}
.responsive-ux .thumbnails > li{float:none;margin-left:0;}
.responsive-ux [class*="span"],
.responsive-ux .uneditable-input[class*="span"],
.responsive-ux .row-fluid [class*="span"]{float:none;display:block;width:100%;margin-left:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.responsive-ux .span12,
.responsive-ux .row-fluid .span12{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.responsive-ux .row-fluid [class*="offset"]:first-child{margin-left:0;}
.responsive-ux .input-large,
.responsive-ux .input-xlarge,
.responsive-ux .input-xxlarge,
.responsive-ux input[class*="span"],
.responsive-ux select[class*="span"],
.responsive-ux textarea[class*="span"],
.responsive-ux .uneditable-input{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.responsive-ux .input-prepend input,
.responsive-ux .input-append input,
.responsive-ux .input-prepend input[class*="span"],
.responsive-ux .input-append input[class*="span"]{display:inline-block;width:auto;}
.responsive-ux .controls-row [class*="span"] + [class*="span"]{margin-left:0;}
.responsive-ux .modal{position:fixed;top:20px;left:20px;right:20px;width:auto;margin:0;}
.responsive-ux .modal.fade{top:-100px;}
.responsive-ux .modal.fade.in{top:20px;}
.responsive-ux .hidden-desktop{display:inherit !important;}
.responsive-ux .visible-desktop{display:none !important;}
.responsive-ux .visible-phone{display:inherit !important;}
.responsive-ux .hidden-phone{display:none !important;}
.responsive-ux .general_moudle.span6 .moudle.span3{ width:100%; }

/* Custom ux */ 
.page-loading{
  left: 0;
}
/* Sidebar */
.responsive-ux #sidebar,
.responsive-ux #sidebar-trigger
{ display:none;}
/* Header*/
.responsive-ux #header{ padding-left:0; text-align:center; }
.responsive-ux.full-layout-ux #header-main{ display:none; }
.full-layout-ux #logo-fixed{ margin-left: auto; margin-right: auto; }

/* Main */
.responsive-ux #main-wrap{ margin-left:0; padding-top: 0; }

/* */

/* Footet */
.responsive-ux #foot_widget h3.widget-title{ margin-top:40px;}
.responsive-ux #foot_widget .widget_search input[type="submit"]{ margin-top:0; margin-left:-3px; }
.responsive-ux .footer-menu i{ display:block; }
.responsive-ux #footer_wrap.footer-fixed{ padding-left:0;}

/*Content*/
.responsive-ux #content_wrap.pull-right[class*="span"], 
.responsive-ux .row-fluid #content_wrap.pull-right[class*="span"]{ float:none; }
.responsive-ux #content_wrap img{ max-width:100%; }
.responsive-ux .team-photo{ position:static;}
.responsive-ux .team-info{ margin-left:0; }
.responsive-ux .archive-wrap .pagenums{ margin-bottom:40px; }

/*sidebar*/
.responsive-ux ul.sidebar_widget > li{ padding-left:0; padding-right:0;}
.responsive-ux #sidebar{ margin-top:40px; clear:both; }
.responsive-ux ul.sidebar_widget{ border:none;}

/* portfolio */
.responsive-ux .gallery-info-property.span3 {
  margin-bottom: 100px;
}
.responsive-ux .gallery-wrap-fullwidth .gallery-wrap-slider + .gallery-info-wrap .gallery-info-property.span3 {
  margin-bottom: 0; margin-top: 100px;
}


}


@media (max-width: 480px) {
.responsive-ux .nav-collapse{-webkit-transform:translate3d(0,0,0);}
.responsive-ux .page-header h1 small{display:block;line-height:20px;}
.responsive-ux input[type="checkbox"],
.responsive-ux input[type="radio"]{border:1px solid #ccc;}
.responsive-ux .form-horizontal .control-label{float:none;width:auto;padding-top:0;text-align:left;}
.responsive-ux .form-horizontal .controls{margin-left:0;}
.responsive-ux .form-horizontal .control-list{padding-top:0;}
.responsive-ux .form-horizontal .form-actions{padding-left:10px;padding-right:10px;}
.responsive-ux .media .pull-left,
.responsive-ux .media .pull-right{float:none;display:block;margin-bottom:10px;}
.responsive-ux .media-object{margin-right:0;margin-left:0;}
.responsive-ux .modal{top:10px;left:10px;right:10px;}
.responsive-ux .modal-header .close{padding:10px;margin:-10px;}
.responsive-ux .carousel-caption{position:static;}
.responsive-ux .container{ padding-left: 0; padding-right: 0;}

/* Custom ux */  
/*Header*/
.responsive-ux #logo a{ font-size:20px; }
.responsive-ux h1.main_title{ font-size:18px; line-height:20px; }

/*Sidebar*/
.responsive-ux .sidebar_widget .widget_search input[type="text"],
.responsive-ux .sidebar_widget .widget_display_search input[type="text"]{ max-width:none; width:100%; }
.responsive-ux .sidebar_widget .widget_search input[type="submit"],
.responsive-ux .sidebar_widget .widget_display_search input[type="submit"]{ margin-left:0; margin-top:8px; }

/* Content */
/* porfolio template */
.responsive-ux .gallery-info-wrap.container{
  padding-left: 0; padding-right: 0; margin-left: auto; margin-right: auto; width: 95%; min-width:70%;
}
.responsive-ux .related-post-unit h3{
  font-size: 12px;
}
.responsive-ux .gallery-dark .gallery-info-wrap.container{
  padding-left: 15px; padding-right: 15px;
}
.responsive-ux .related-post-wrap h3{
  padding: 10px 0;
}
.responsive-ux .related-post-wrap h3:before,
.responsive-ux .item_title:before,
.responsive-ux .galleria-image-nav,
.responsive-ux .galleria-info{
  display: none !important;
}

/*ganeral space*/

  .responsive-ux #title-bar{
    padding-top: 30px;
    padding-bottom: 50px;
  }
  .responsive-ux h1.main-title{
    font-size: 24px;
  }
  .responsive-ux h1.main-title:before{
    bottom: -15px;
  }
  .responsive-ux h1.archive-tit{
    font-size: 18px;
  }
  .responsive-ux .entry{ 
    margin-bottom:20px; 
  }
  .responsive-ux .top-space{
    padding-top: 40px;
  }
  .responsive-ux #footer-bar{ 
    margin-top: 20px;
  }
  .responsive-ux .pagenums{
    margin-top: 40px;
  }
  

  /* h1-h6 */
  .responsive-ux h1{font-size:40px;}
  .responsive-ux h2{font-size:32px;}
  .responsive-ux h3{ font-size: 24px; }
  .responsive-ux h4{font-size:20px;}
  .responsive-ux h5,legend{font-size:16px;}
  .responsive-ux h6{font-size:14px;}
  .responsive-ux .fourofour-wrap h2 { font-size: 16px; line-height: 20px; }
  .responsive-ux .related-post-wrap .related-post-wrap-tit { font-size: 0px; }
  
}

@media (min-width: 980px) {
.responsive-ux .nav-collapse.collapse {
    height: auto !important;
    overflow: visible !important;
  }
}
@media (orientation:landscape) {
    html.ipad.ios7 > body {
        position: fixed;
        bottom: 0;
        width:100%;
        height: 672px !important;
    }
}/* Fix height issue in ios7 ipad landscape mod */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.logo-image-retina{ display:inline-block; }
.logo-image{ display:none; }
}
.f_col{clear:left;margin-left:0;}
.f_col[class*="span"] { margin-left:0;}
.fullwidth-wrap>.row-fluid .isotope.less-space { }








/* ===============================LIGHTBOX.CSS==============================*/

/* Preload images */
body:after {
  content: url(../img/close.png) url(../img/loading.gif) url(../img/prev.png) url(../img/next.png);
  display: none;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-container {
  padding: 4px;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../img/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(../img/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(../img/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../img/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}


/* ===============================Fin de LIGHTBOX.CSS==============================*/




/* ===============================PAGEBUILD.CSS==============================*/

/*------------------------ 
  Pagebuild Reset
---------------------*/

[class^="icon-"], [class*=" icon-"]{ background-image:none; width:auto;}
.row-fluid [class*="span"]{ min-height:20px; }
[class*="span"]{ margin-bottom:40px; }
[class*="span"].general_moudle{ margin-bottom:0; }
.shadow { position: relative; opacity:0; }
.shadow:after { 
  z-index: -1; content: '';width: 50%; position: absolute; top: 50%; bottom: 15px; right: 15px; left: auto; background-color:  rgba(0,0,0,0.5);
  box-shadow: 0 15px 10px rgba(0,0,0,0.5);
  -webkit-transform: rotate(1deg);
  -moz-transform: rotate(1deg);
  -ms-transform: rotate(1deg);
  -o-transform: rotate(1deg);
  transform: rotate(1deg);
}
.theme-color-1{ color:#aa0707;}
.theme-color-2{ color:#be9ecd;}
.theme-color-3{ color:#f67bb5;}
.theme-color-4{ color:#0006ff;}
.theme-color-5{ color:#d4c302;}
.theme-color-6{ color:#b8b69d;}
.theme-color-7{ color:#02a711;}
.theme-color-8{ color:#e8b900;}
.theme-color-9{ color:#ce671e;}
.theme-color-10{ color:#333333;}

.bg-theme-color-1{ background-color:#aa0707;}
.bg-theme-color-2{ background-color:#be9ecd;}
.bg-theme-color-3{ background-color:#f67bb5;}
.bg-theme-color-4{ background-color:#0006ff;}
.bg-theme-color-5{ background-color:#d4c302;}
.bg-theme-color-6{ background-color:#b8b69d;}
.bg-theme-color-7{ background-color:#02a711;}
.bg-theme-color-8{ background-color:#e8b900;}
.bg-theme-color-9{ background-color:#ce671e;}
.bg-theme-color-10{ background-color:#333333;}

.moudle .ux-btn.bg-theme-color-1:hover{ background-color:#ee7164!important; border-color:#ee7164!important; }
.moudle .ux-btn.bg-theme-color-2:hover{ background-color:#be9ecd!important; border-color:#be9ecd!important; }
.moudle .ux-btn.bg-theme-color-3:hover{ background-color:#f67bb5!important; border-color:#f67bb5!important; }
.moudle .ux-btn.bg-theme-color-4:hover{ background-color:#77c9e1!important; border-color:#77c9e1!important; }
.moudle .ux-btn.bg-theme-color-5:hover{ background-color:#5a6b7f!important; border-color:#5a6b7f!important; }
.moudle .ux-btn.bg-theme-color-6:hover{ background-color:#b8b69d!important; border-color:#b8b69d!important; }
.moudle .ux-btn.bg-theme-color-7:hover{ background-color:#34bc99!important; border-color:#34bc99!important; }
.moudle .ux-btn.bg-theme-color-8:hover{ background-color:#e8b900!important; border-color:#e8b900!important; }
.moudle .ux-btn.bg-theme-color-9:hover{ background-color:#ce671e!important; border-color:#ce671e!important; }
.moudle .ux-btn.bg-theme-color-10:hover{ background-color:#333333!important; border-color:#333333!important; }

/* Transition */
.flex-slider-wrap .flex-direction-nav a,
.ux-btn,
.grayscale,
.filter-floating ul{
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s; 
} 
.ux-hover-wrap i,
.fullwrap-with-tab-inn,
.mask-hover-caption-block,
.liqd-gallery-img i,
.filters li a:before {
-webkit-transition: opacity 0.5s;
-moz-transition: opacity 0.5s;
-ms-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
transition: opacity 0.5s; 
}
.carousel-control,
.team-item-con-back,
.team-item .img-wrap,
.iconbox-content-hide .icon_text {
-webkit-transition: -webkit-transform 0.5s;
-moz-transition: -moz-transform all 0.5s;
-ms-transition: -ms-transform all 0.5s;
-o-transition: -o-transform all 0.5s;
transition: transform 0.5s;
}
.testimenials,
.testimenials .arrow-bg,
.pagenums a {  
-webkit-transition: background-color 0.5s;
-moz-transition: background-color 0.5s;
-ms-transition: background-color 0.5s;
-o-transition: background-color 0.5s;
transition: background-color 0.5s;
}
.liquid-title a,
.liquid-title i,
.liquid-more-icon i{  
-webkit-transition: color 0.5s;
-moz-transition: color 0.5s;
-ms-transition: color 0.5s;
-o-transition: color 0.5s;
transition: color 0.5s;
}
.iconbox-plus-svg-wrap,
.image-box-svg-wrap,
.animation-default-ux{
-webkit-transition: all 1.2s;
-moz-transition: all 1.2s;
-ms-transition: all 1.2s;
-o-transition: all 1.2s;
transition: all 1.2s;
} 

.middle-ux{
position:relative; top:50%; 
-webkit-transform: translate(0,-50%);
-moz-transform: translate(0,-50%);
-ms-transform: translate(0,-50%);
-o-transform: translate(0,-50%);
transform: translate(0,-50%);
}
.center-ux,
.footer-menu ul ul{
  position:relative; left:50%; 
-webkit-transform: translate(-50%,0);
-moz-transform: translate(-50%,0);
-ms-transform: translate(-50%,0);
-o-transform: translate(-50%,0);
transform: translate(-50%,0);
}
.centered-ux{
position:relative; left:50%; top: 25%; 
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.left-ux{ float: left; }
.right-ux{ float: right; }



/*------------------------ 
  Icon Font ux
---------------------*/

@font-face{font-family:'icon';
src:url('../fonts/icon.eot');
src:url('../fonts/icond41d.eot?#iefix') format('embedded-opentype'),
url('../fonts/icon.woff') format('woff'),
url('../fonts/icon.ttf') format('truetype'),
url('../fonts/icon.svg#icon') format('svg');
font-weight:normal;font-style:normal;
}
[class^="icon-"], [class*=" icon-"],
.audio-unit span.audiobutton:before,
.audio-unit span.audiobutton.pause:before,
.isotope-item .item_topbar:before,
.item_link:before,
#mobile-advanced li > a:before,
.message-box:before {
  font-family: 'icon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-p-stop:before {
  content: "\e600";
}
.icon-p-play:before {
  content: "\e601";
}
.icon-p-pause:before {
  content: "\e602";
}
.icon-m-view:before {
  content: "\e603";
}
.icon-m-users:before {
  content: "\e604";
}
.icon-m-search:before {
  content: "\e605";
}
.icon-m-search-square:before {
  content: "\e606";
}
.icon-m-right-dir:before {
  content: "\e607";
}
.icon-m-right-arrow-curved:before {
  content: "\e608";
}
.icon-m-quote-left:before {
  content: "\e609";
}
.icon-m-plus-circle:before {
  content: "\e60a";
}
.icon-m-more:before {
  content: "\e60b";
}
.icon-m-minus-circle:before {
  content: "\e60c";
}
.icon-m-menu:before {
  content: "\e60d";
}
.icon-m-location:before {
  content: "\e60e";
}
.icon-m-grid:before {
  content: "\e60f";
}
.icon-m-forum-top:before {
  content: "\e610";
}
.icon-m-forum-repairing:before {
  content: "\e611";
}
.icon-m-forum-question:before {
  content: "\e612";
}
.icon-m-forum-locked:before {
  content: "\e613";
}
.icon-m-check-circle:before {
  content: "\e614";
}
.icon-m-calendar:before {
  content: "\e615";
}
.icon-m-at:before {
  content: "\e616";
}
.icon-m-alert:before {
  content: "\e617";
}
.icon-m-alert-circle:before {
  content: "\e618";
}
.icon-m-user:before {
  content: "\e619";
}
.icon-m-trash:before {
  content: "\e61a";
}
.icon-m-tel:before {
  content: "\e61b";
}
.icon-m-tag:before {
  content: "\e61c";
}
.icon-m-slider-right:before {
  content: "\e61d";
}
.icon-m-slider-left:before {
  content: "\e61e";
}
.icon-m-shopping-cart:before {
  content: "\e61f";
}
.icon-m-pt-video:before {
  content: "\e620";
}
.icon-m-pt-standard:before {
  content: "\e621";
}
.icon-m-pt-quote:before {
  content: "\e622";
}
.icon-m-pt-portfolio:before {
  content: "\e623";
}
.icon-m-pt-link:before {
  content: "\e624";
}
.icon-m-pt-image:before {
  content: "\e625";
}
.icon-m-pt-audio:before {
  content: "\e626";
}
.icon-m-link:before {
  content: "\e627";
}
.icon-m-left-dir:before {
  content: "\e628";
}
.icon-m-ipod:before {
  content: "\e629";
}
.icon-m-info-circle:before {
  content: "\e62a";
}
.icon-m-history:before {
  content: "\e62b";
}
.icon-m-help-circle:before {
  content: "\e62c";
}
.icon-m-heart-circle:before {
  content: "\e62d";
}
.icon-m-forum-done:before {
  content: "\e62e";
}
.icon-m-email:before {
  content: "\e62f";
}
.icon-m-dot:before {
  content: "\e630";
}
.icon-m-dot-large:before {
  content: "\e631";
}
.icon-m-comment:before {
  content: "\e632";
}
.icon-m-close-thin:before {
  content: "\e633";
}
.icon-m-close-circle:before {
  content: "\e634";
}


/*
----------------------------------------- 
  fullwidth-wrap
------------------------------------------
*/
.custom_fullwidth_wrap{ opacity:0; }
.fullwidth-wrap{ width:100%; clear:both; height:auto; position: relative;
 z-index:0; }
.fullwidth-text-shadow .text_block.withbg,
.fullwidth-text-white .ux-mod-nobg .accordion-heading a{ text-shadow:none; }
.fullwidth-text-white .ux-mod-nobg,
.fullwidth-text-white .ux-mod-nobg h1,
.fullwidth-text-white .ux-mod-nobg h2,
.fullwidth-text-white .ux-mod-nobg h3,
.fullwidth-text-white .ux-mod-nobg h4,
.fullwidth-text-white .ux-mod-nobg h5,
.fullwidth-text-white .ux-mod-nobg h6,
.fullwidth-text-white .ux-mod-nobg.job-mod .accordion-heading a,
.fullwidth-text-white .ux-mod-nobg.faq-mod .accordion-heading a,
.fullwidth-text-white .ux-mod-nobg.infrographic.bar .bar-percent,
.fullwidth-text-white .ux-mod-nobg .infrographic-subtit,
.fullwidth-text-white .ux-mod-nobg .jqbar.vertical span,
.fullwidth-text-white .ux-mod-nobg .testimonial-item a { color:#fff; }
.fullwidth-text-white .iterlock-caption h2,
.fullwidth-text-white .blog_meta_cate a:hover{
  color:#999;
}
.fullwidth-text-shadow .ux-mod-nobg,
.fullwidth-text-shadow .ux-mod-nobg h1,
.fullwidth-text-shadow .ux-mod-nobg h2,
.fullwidth-text-shadow .ux-mod-nobg h3,
.fullwidth-text-shadow .ux-mod-nobg h4,
.fullwidth-text-shadow .ux-mod-nobg h5,
.fullwidth-text-shadow .ux-mod-nobg h6,
.fullwidth-text-shadow .ux-mod-nobg.job-mod .accordion-heading a,
.fullwidth-text-shadow .ux-mod-nobg.faq-mod .accordion-heading a,
.fullwidth-text-shadow .ux-mod-nobg.infrographic.bar .bar-percent,
.fullwidth-text-shadow .ux-mod-nobg .infrographic-subtit,
.fullwidth-text-shadow .ux-mod-nobg .jqbar.vertical span{
  text-shadow:1px 1px 0 #666; 
}
.fullwidth-text-shadow .testimenials .arrow-bg,
.fullwidth-text-shadow .testimenials:hover .arrow-bg{ 
  background:none; }
.fullwidth-text-shadow .testimenials span.arrow{ 
  border-bottom-color:rgba(0, 0, 0, 0);}
.row-fluid .fullwrap_moudle:last-child{ 
  margin-bottom:0; 
}
.fullwidth-wrap .ls-wp-container{ 
  top:-40px; 
}/*For layerslider in fullwrap*/

.bottom-space-40{ 
   margin-bottom: 40px; 
}
.top-space-40{
  margin-top: 40px;
}
.top-space-80-in{
  padding-top: 80px;
}
.bottom-space-40-in{
  padding-bottom: 40px;
}

/* Fullwidth wrap with tab */

.fullwidth-wrap{ 
  overflow:hidden; 
}
.fullwrap-with-tab-inn { 
  padding-top:80px; 
 }
.fullwrap-with-tab-inn.enble{ 
  position:static; opacity:1; 
}
.fullwrap-with-tab-inn.disble{ 
  position:absolute; z-index:-1; opacity:0; 
}
.fullwrap-with-tab-nav{ 
  text-align:center; position: relative; z-index:9; top:24px;
}
.fullwrap-with-tab-nav>a{ 
   position: relative;display:inline-block; text-align:center; font-size:18px; padding-left:20px; padding-right:20px; height:20px; line-height:20px; 
}
.fullwrap-with-tab-nav>a:before{
  content:''; height: 13px; width: 2px; position: absolute; right: -3px; top:3px;
}
.fullwrap-with-tab-nav>a:last-child:before{
  display: none;
}
.fullwrap-shadow{ 
  width:100%; height:100px; position:absolute; top:-105px; box-shadow:0px 5px 20px; border-radius:50%;
}
.fullwrap-border{ 
  border-top:1px solid rgba(0,0,0,0.1); border-bottom:1px solid rgba(0,0,0,0.1); 
}

/* Fullwidth wrap with video , parallax  */

.fullwrap-video{ 
  position: absolute; z-index:0; width:100%; height:100%; 
}
.fullwrap-video video  { 
  position: absolute; right: 0; bottom: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; 
}
.fullwrap-video .video-cover{
  position: absolute; top:-80px; right: 0; bottom: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -101; background-size: cover; 
}
.fullwidth-wrap .parallax {
    position: absolute; z-index:0; top: 0; left: 0; width: 100%; height: 160%; 
}
.touch .fullwrap-video video {
  display: none;
}
.parallax-img {
    -webkit-transform: translateZ(0);
     transform: translateZ(0);
}

/*  
-------------------------------------------
  Gallery List
-------------------------------------------

Isotope  
*/
.container-isotope{ position:relative; }
.isotope{ opacity:0; }
.isotope_fade{ opacity:1; }
.isotope-item { z-index: 2; }
.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.5s;
     -moz-transition-duration: 0.5s;
      -ms-transition-duration: 0.5s;
       -o-transition-duration: 0.5s;
          transition-duration: 0.5s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}
.isotope-list-thumb{
  width: 100%
}


/*filters*/

.filters{ 
  display: inline-block; margin-bottom:60px; position:relative; z-index:99; 
}
.filters li{ 
  display: inline-block; float:left; padding:0 19px; 
}
.filters li a{ 
  display:block; height:60px; line-height:60px; position: relative; 
} 
.filters li a:before{
  opacity: 0; visibility: hidden; content: ''; width:60%; max-width: 20px; height: 1px; position: absolute; bottom: 15px; left:0px; background-color: #fff;
}
.filters li.active a:before,
.filters a:hover:before{
  opacity: 1; visibility: visible;
}
.filters.onside{ margin-top:0; margin-left:0}
.filters.onside li{ display:block; float:none; margin-bottom:1px;}
.filters.onside li a{ display:inline-block;}
.filters.onside.onright li{ margin-left:40px;}
.filter-floating {
  position: absolute; z-index: 999; right: 20px; top: 20px; width: auto; min-width: 60px; height: 60px;
}
.filter-floating.filter-floating-fixed {
  position: fixed;
}
.filter-floating ul {
  opacity: 0; visibility: hidden; margin-right: -2px; position: absolute; z-index: -999; right: 38px; top:0; width: 9999px; text-align: right;
}
.filter-floating ul li {
  float: none;
}
.filter-floating:hover ul{
  opacity: 1; visibility: visible; z-index: 999;
  -webkit-transform: translateX(-20px);
  -moz-transform: translateX(-20px);
  -ms-transform: translateX(-20px);
  -o-transform: translateX(-20px);
  transform: translateX(-20px);
}
.filter-floating-triggle{
  width: 60px; height: 60px; font-size: 24px; text-align: center; line-height: 60px; cursor: pointer; border-radius: 0px; position: absolute; z-index: 999;
}


/*Mouseover Fade*/

.fade_wrap{ position:relative; width:100%; height:100%; }
.fade_wrap_back { opacity:0; position:absolute; width:100%; height:100%; 
-webkit-transition: all 0.4s ease-in-out; 
   -moz-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }
.fade_wrap_back_con{ z-index:10; position:absolute; top:40px; left:40px; width:90%; }
.fade_wrap_back_con a { color:#fff; }
.fade_wrap_back_bg{ z-index:9; position:absolute; width:100%; height:100%; text-align:center; background-color:rgba(0,0,0,0.4); }
.fade_wrap_back_bg i{ position: absolute; top: 50%; left:50%; font-size:60px; width:60px; height:60px; margin-left:-30px; margin-top:-30px;  color: rgba(255, 255, 255, 0.8);opacity:0; -ms-filter: "alpha(opacity=0)";
-webkit-transition: all 0.2s ease-in-out; 
   -moz-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
         -webkit-transform: scale(2);
            -moz-transform: scale(2);
                  ransform: scale(2);
} 
.fade_wrap:hover .fade_wrap_back{ opacity:1; 
-webkit-transition: all 0.4s ease-in-out; 
   -moz-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
}
.fade_wrap:hover i{  opacity: 1;  -ms-filter: "alpha(opacity=100)";
-webkit-transition: all 0.2s ease-in-out; 
   -moz-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
         -webkit-transform: scale(1);
            -moz-transform: scale(1);
                  ransform: scale(1);
}


/* Mouseover Fold effect*/

.captionhover figure{ margin: 0;position: relative; background-color:#333; }
.captionhover figure img{ width:100%;display:block;position:relative; }
.captionhover figcaption{ position:absolute;top:0;left:0;z-index:9999; padding:20px 10px 15px 10px; text-align:center; color:#fff; }
.captionhover figcaption h2{ font-size:16px; padding-bottom:10px; line-height:20px; opacity:0.8; }
.captionhover figcaption h2 a { color:#fff; }
.captionhover figcaption .btn_wrap{}
.captionhover figcaption .btn_wrap a{ text-align:center; display:inline-block; margin-left:5px; margin-right:5px; }
.captionhover figcaption .btn_wrap a i{ font-size:24px; line-height:30px;  opacity:0.6; color:#fff; }
.isotope .captionhover  .inside{
  -webkit-perspective: 1200px;
  -moz-perspective: 1200px;
  perspective: 1200px;
  -webkit-perspective-origin: 50% 50%;
  -moz-perspective-origin:50% 50%;
  perspective-origin: 50% 50%;
}

.captionhover figure {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.captionhover figure > div.img_wrap {
  overflow: hidden;
}

.captionhover figure img {
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  transition: transform 0.4s;
}

.captionhover figure:hover img,
.captionhover figure.cs-hover img {
  -webkit-transform: translateY(-100px);
  -moz-transform: translateY(-100px);
  -ms-transform: translateY(-100px);
  transform: translateY(-100px);
}

.captionhover figcaption { left:0;top:auto;bottom:0;min-height:100px;width:100%;opacity:0;display:none\0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: 0 100%;
  -moz-transform-origin: 0 100%;
  transform-origin: 0 100%;
  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
  -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
  transition: transform 0.4s, opacity 0.1s 0.3s;
}

.captionhover figure:hover figcaption,
.captionhover figure.cs-hover figcaption { display:block\0; opacity: 1;
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  transform: rotateX(0deg);
  -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
  -moz-transition: -moz-transform 0.4s, opacity 0.1s;
  transition: transform 0.4s, opacity 0.1s;
}

/*Mouseover 3D Flip*/

.flip_wrap_back { display:none; position:absolute; width:100%; }
.flip_wrap_back_con{ z-index:10; width: 100%;
  margin: auto;position: absolute;
}
.flip_wrap_back_con a{ color:#fff; font-weight: normal;
transition-property: color;
transition-duration: 0.4s, 0.5s;
transition-timing-function: linear, ease-out; }
.flip_wrap_back_con a:hover { color:#0080c9; }
.flip_wrap_back_bg{ z-index:9; position:absolute; width:100%; height:100%; }
.flip_wrap_back_con h2{ 
  font-size:16px; padding-left:20px; padding-right:20px; line-height:20px; opacity:0.8; 
}
.hover_thumb_unit img{ border:2px solid #fff; transition-property: opacity;}
/*transition-duration: 0.1s, 0.1s;
transition-timing-function: linear, ease-out;}*/
.hover_thumb_unit img:hover{ border:2px solid #fff; opacity:0.5; }

div.container3d {
  /*-webkit-perspective: 900;
  -moz-perspective: 900px;
  -o-perspective: 900;
  perspective: 900;*/
}

div.container3d .card {
  /*-webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: all 0.6s linear;
  -moz-transition: all 0.6s linear;
  -o-transition: all 0.6s linear;
  transition: all 0.6s linear;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;*/
  width: 100%;
  

}
div.container3d .card .face{
-webkit-transition: 0.6s linear;
-moz-transition: 0.6s linear;
-ms-transition: 0.6s linear;
-o-transition: 0.6s linear;
transition: 0.6s linear;
}
/*
.card .face.front{
  -webkit-transform: translate3d(0,0,0);for android brower backface-vibility bug fix
}
.csstransforms3d div.container3d:hover .card,
div.container3d.hover3d .card {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.no-csstransforms3d div.container3d .card .face.back{ 
  opacity:0; visibility: hidden;
}
.no-csstransforms3d div.container3d:hover .face.back{
  opacity:1; visibility: visible;
  -webkit-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(180deg);
  transform:rotateY(0deg);
  -moz-transform: rotateY(180deg);
}
.no-csstransforms3d div.container3d:hover .card{
  -moz-transform: rotateY(180deg);
}
.no-csstransforms3d div.container3d:hover .face.front{
  opacity:0; visibility: hidden;
  -moz-opacity:1;
}
.card .face {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden; 
  backface-visibility: hidden;
}*/
.card .face.front { cursor: pointer; height:auto; z-index:99;
  /*
-webkit-transition: all 1s ease-out;
   -moz-transition: all 1s ease-out;
     -o-transition: all 1s ease-out;
        transition: all 1s ease-out;
  -ms-transition: all 0.3s ease-out;  */
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-transform: perspective(800px) rotateY(0deg);
  -webkit-transform: perspective(800px) rotateY(0deg);
  transform: perspective(800px) rotateY(0deg);


}

div.container3d .card .face.back { display: block; color:#fff; text-align: center;
  /*
-webkit-transform: rotateY(180deg);
   -moz-transform: rotateY(180deg);
     -o-transform: rotateY(180deg);
     transition: rotateY(180deg);
    -ms-transform: rotateY(0deg);*/
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-transform: perspective(800px) rotateY(180deg);
  -webkit-transform: perspective(800px) rotateY(180deg);
  transform: perspective(800px) rotateY(180deg);

}
div.container3d:hover .card .face.back{
  z-index:1;
  -moz-transform: perspective(800px) rotateY(0);
  -webkit-transform: perspective(800px) rotateY(0);
  transform: perspective(800px) rotateY(0);
}
div.container3d:hover .card .face.front{
  -webkit-transform: perspective(800px) rotateY(-179.9deg);
  -moz-transform: perspective(800px) rotateY(-179.9deg);
  transform: perspective(800px) rotateY(-179.9deg);
}
.container3d{
  float:left;position:relative;
}
.card{width:100%;height:100%;}
.face{width:100%;height:auto}
.face.back{text-align:center;width:100%;height:100%}
.hover_thumb_wrap{ overflow:hidden; max-height:80px; padding-top:5px; padding-left:20px; padding-right:20px; }
.hover_thumb_wrap li { display: inline-block;*display: inline;display: inline\9;margin: 0 auto; margin-left:3px; margin-right:3px; margin-bottom:3px;}
.hover_thumb_wrap li img{ /*width:100px; height:100px;*/width:50%; height:50%;}
.flip_wrap_back.back.face{overflow: hidden;left: 0px;}

/* Mouseover Mask */

.mask-hover .inside{
  position: relative;
}
.mask-hover .inside .mask-hover-inn{ 
  overflow: hidden;
}
.mask-hover .inside .mask-hover-inn,
.mask-hover .inside .mask-hover-inn img{
  position: relative; display: block;
}
.mask-hover .inside .mask-hover-caption{ 
  position: absolute;width: 100%; height: 100%; 
}
.mask-hover-caption-block{
  width: 130px; height: 130px; position: absolute; text-align: center; padding: 45px 0;font-size: 14px;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'; opacity: 0;
}
.mask-hover .inside:hover .mask-hover-caption-block{
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; opacity: 1;
}

/* Pagenation */

.pagenums { 
  margin:80px auto 0; text-align:center; 
}
.pagenums a,.pagenums span,
.page-numbers{ 
  display:inline-block; min-width:40px; height:40px; line-height:40px; text-align:center; margin-left:1px; padding:0 10px; 
}
.page-numbers{
  float:left; 
}
#infscr-loading{ 
  background-repeat:no-repeat; background-position:90% 50%; min-width:40px; width:90px; height:40px; line-height:40px; padding-left:10px; margin:0 auto; 
}
.tw_style{
 text-align:center; position: relative;
 
}
.tw_style a{ 
  display:inline-block; min-width:100px; height:100px; line-height:100px; margin:0 auto 0; border-radius: 50px; 
}
.page-buttom-space{ 
  height:80px;
}

/*------------------------------  
  Portfolio brick
-----------------------------*/

.width-and-small,
.width-and-big,
.width-and-long,
.width-and-height{
  overflow: hidden;
}
.brick-inside{
  position: relative; width: 100%; height: 100%;
}
.brick-content{
  position: relative; overflow: hidden;
}
.brick-link{
  height: 100%; width: 100%;
}
.brick-grey{
  height: 100%;
}
.brick-grey:hover{
  background-color: transparent;
}
.brick-content img{
  position: relative; z-index: 1; width: 100%;
}
.brick-hover-mask{
  width: 100%; height: 100%;
}

.brick-with-img .brick-hover:hover .brick-hover-mask{
  z-index: 2;
}
.brick-content img {
   -webkit-transform: scaleY(1);
   -moz-transform: scaleY(1);
   -o-transform: scaleY(1);
   -ms-transform: scaleY(1);
   transform: scaleY(1);
   -webkit-transition: all 0.7s ease-in-out;
   -moz-transition: all 0.7s ease-in-out;
   -o-transition: all 0.7s ease-in-out;
   -ms-transition: all 0.7s ease-in-out;
   transition: all 0.7s ease-in-out;
}
.brick-with-img .brick-hover-mask,
.isotope-liquid-list .brick-hover .brick-hover-mask { position: absolute; z-index: 2; 
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.brick-hover-mask .brick-title {
  font-size: 18px; line-height: 20px; padding-right: 20px; padding-left: 20px; position: relative; opacity: 0.8; text-align: center; position: relative; top: 50%;
  -webkit-transform: translate(0, -50%);
   -moz-transform: translate(0, -50%);
   -o-transform: translate(0, -50%);
   -ms-transform: translate(0, -50%);
   transform: translate(0, -50%);
}
.brick-with-img .brick-hover-mask .brick-title ,
.isotope-liquid-list .brick-hover .brick-hover-mask h3 {
  
  -webkit-transform: scale(0) translate(0, -50%);
  -moz-transform: scale(0) translate(0, -50%);
  -o-transform: scale(0) translate(0, -50%);
  -ms-transform: scale(0) translate(0, -50%);
  transform: scale(0) translate(0, -50%);
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  transition: all 0.5s linear;
  -webkit-transform-origin: 50% 50% 50%;
  -moz-transform-origin: 50% 50% 50%;
  -o-transform-origin: 50% 50% 50%;
  -ms-transform-origin: 50% 50% 50%;
  transform-origin: 50% 50% 50%;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.brick-hover-mask .brick-title:before{
  content: ''; width: 25px; height: 2px; position: absolute; bottom: -10px; left: 50%; margin-left: -12.5px; 
}
.brick-excerpt {
  margin: 30px 20px 20px 20px; opacity: 0.6;
} 
.brick-with-img .brick-excerpt,
.isotope-liquid-list .brick-excerpt {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
}
.brick-with-img .brick-hover:hover ~ .brick-content img,
.isotope-liquid-list .hover-effect .brick-hover:hover img {
   -webkit-transform: scale(2);
   -moz-transform: scale(2);
   -o-transform: scale(2);
   -ms-transform: scale(2);
   transform: scale(2);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=15)"; filter: alpha(opacity=15); opacity: .15;
}
.brick-with-img .brick-hover:hover.brick-hover-mask,
.isotope-liquid-list .hover-effect .brick-hover:hover .brick-hover-mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1;
}
.brick-with-img .brick-hover:hover.brick-hover-mask .brick-title ,
.brick-with-img .brick-hover:hover .brick-hover-mask .brick-excerpt,
.isotope-liquid-list .hover-effect .brick-hover:hover .brick-hover-mask h3,
.isotope-liquid-list .hover-effect .brick-hover:hover .brick-hover-mask .brick-excerpt {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; top: 50%;
   -webkit-transform: scale(1) translate(0, -50%);
   -moz-transform: scale(1) translate(0, -50%);
   -o-transform: scale(1) translate(0, -50%);
   -ms-transform: scale(1) translate(0, -50%);
   transform: scale(1) translate(0, -50%);
}
.brick-with-img .brick-hover:hover .brick-hover-mask .brick-excerpt,
.isotope-liquid-list .hover-effect .brick-hover:hover .brick-hover-mask .brick-excerpt {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: .8;
}
.brick-with-img .brick-link-gray .brick-hover-mask.brick-hover {
  z-index: 0;
}
.brick-conteng-bg{
  position:absulate; width:100%; height:100%; left:0; top:0; background-color:#333; 
}
.grayscale {
  /* Firefox 10+, Firefox on Android */
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");

  /* IE 6-9 */
  filter: gray;

  /*
    Chrome 19+,
    Safari 6+,
    Safari 6+ iOS,
    Opera 15+
  */
  -webkit-filter: grayscale(100%);
}
.grayscale{
  /*-webkit-transition: -webkit-filter .5s;*/
}
.grayscale:hover {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
  -webkit-filter: grayscale(0%);
  -webkit-transform: scale(1.2);
   -moz-transform: scale(1.2);
   -o-transform: scale(1.2);
   -ms-transform: scale(1.2);
   transform: scale(1.2);
}

 

/*------------------------------  
  Portfolio Interlock list
-----------------------------*/

.interlock-list section:nth-child(2n+1) .iterlock-item-img{
  float: right;
}
.interlock-item{ 
  width: 100%; max-height: 320px; clear: both; overflow: hidden; 
}
.iterlock-item-img{ 
  width: 50%; float: left; 
}
.iterlock-item-img img{
  min-width: 100%;
}
.iterlock-caption{ 
  width: 50%; float: left; padding: 40px; 
}
.iterlock-caption h2{ 
  font-size: 30px; line-height: 40px; margin-bottom: 20px; 
}
.iterlock-caption .blog_meta{
  margin-top: 20px; font-size: 12px;
}
.iterlock-caption .blog_meta li{
  margin-left: 0; margin-right: 10px;
}
.iterlock-caption p{
  font-size: 13px;
}
.liqd-gallery-img{
  position: relative; display: none; left: 0; top: 0; 
}
.item_des .liqd-gallery-img:first-child{
  display: block;
}
.iterlock-item-img .ux-hover-wrap{
  height: 320px; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%;  transition-property: opacity;
transition-duration: 0.4s, 0.5s;
transition-timing-function: linear, ease-out;
}
.iterlock-item-img .ux-hover-wrap:hover{
  opacity:0.2;  
}
/*  
-------------------------------------------
  Blog MarsonyList 
-------------------------------------------
*/

.isotope-item.standard .item_topbar:before{ content:"\e621";}
.isotope-item.gallery .item_topbar:before{ content:"\e623";}
.isotope-item.audio .item_topbar:before{ content:"\e626"; }
.isotope-item.image .item_topbar:before{ content:"\e625"; }
.isotope-item.video .item_topbar:before{ content:"\e620"; }
.isotope-item.link .item_topbar:before{ content:"\e624";}
.isotope-item.quote .item_topbar:before{ content:"\e622"; }
.item_topbar{ 
  display: none;
}
.item_des{ }
.item_title{ font-size:18px; padding:10px 20px; margin-bottom:0; }
.item-des-p{ padding:0 20px 20px; }
.item_link{ 
  display:block; width:32px; height:60px; line-height:60px; float:right; margin-right:20px; text-align: center; font-size:24px; color:#fff;
}
.item-link-wrap{ padding: 0 20px 20px 20px;}
.item_topbar{ height:60px; line-height:60px; padding-left:20px; font-size:24px; cursor:default; color:#fff; }
.post-bgcolor-default{ background-color:#222; }
.post-bgcolor-default a:hover{ opacity:0.3; }

.item_title a{ display: block; padding: 10px 0; line-height: 20px;}

/*Gallery*/

.item_gallery .carousel-inner .item{ height: auto;}
.item_gallery { overflow: hidden; height: 260px; }
.item_gallery .carousel-control{ 
  width: 40px; height: 40px; margin-top: -20px;
  background-color: rgba(255,255,255,0.6); background-color: #ccc; 
}
.item_gallery .carousel-control:before{
  border:20px solid transparent;
}
.item_gallery .carousel-control.left{left:-40px; }
.item_gallery .carousel-control.left:before{ 
  border-right:20px solid #fff; left: auto; right: 0;
}
.item_gallery .carousel-control.right{right:-40px; }
.item_gallery .carousel-control.right:before{ 
  border-left:20px solid #fff; left: 0; right: auto;
}
.no-touch .item_gallery.carousel:hover .carousel-control.left,
.touch .item_gallery.carousel-control.left{ 
-webkit-transform: translateX(40px);
-moz-transform: translateX(40px);
-ms-transform: translateX(40px);
-o-transform: translateX(40px);
transform: translateX(40px);
}
.no-touch .item_gallery.carousel:hover .carousel-control.right,
.touch .item_gallery.carousel-control.right{ 
-webkit-transform: translateX(-40px);
-moz-transform: translateX(-40px);
-ms-transform: translateX(-40px);
-o-transform: translateX(-40px);
transform: translateX(-40px);
}

/*Audio*/

.isotope-item.audio .like,.isotope-item.audio h2{ margin:0;}
.audio-unit{ height:30px; position:relative; }
.audio-unit span.audiobutton{ display:inline-block; width:40px; cursor:pointer; }
.audio-unit span.audiobutton:before{ 
  font-size:12px; content: "\e602"; position:absolute; left:24px; top:0;
}
.audio-unit span.audiobutton.pause:before{ content: "\e601";}
.audio-unit span.songtitle{ 
  display:inline-block; position: absolute; top:-5px; left:50px; margin-left:10px; overflow:hidden; 
}
.soundcloud-wrap{ width:670px; height:170px; margin:105px auto;}
.ui-widget-content { border: none; color:rgba(255,255,255,0.7); background-color:rgba(0,0,0,0.7)}
#audio_player_container{width:100%;}
.mejs-audio{display:none;width:0;height:0px;overflow:hidden;}
.me-plugin{width:0;height:0px;overflow:hidden; visibility:hidden;}
.soundcloudWrapper>iframe{ margin-bottom: -10px;}

/*video*/
.videoWrapper{ 
  position: relative; height: 0; padding-bottom: 51.25%; /* 16:9 */
}
.videoWrapper iframe {position: absolute;top: 0;left: 0;width:100%;height:100%; border:none; }
.isotope-item.quote .item_des p{ padding: 20px; }
.isotope-item.quote .item_des i{ font-size: 48px; height:60px; margin-top: 20px; }
.videoWrapper.vimeo{
  padding-bottom: 48.9%;
}
.videoWrapper.youtube{
  padding-bottom: 48.8%;
}
.blog-item-main .videoWrapper.vimeo{
  padding-bottom: 52.9%;
}




/*  
-------------------------------------------
  Text block
-------------------------------------------
*/

.text_block.withbg{ 
  padding:30px; color:#fff; color:rgba(255,255,255,0.8); 
}
.text_block.withbg a,
.text_block.withbg.bg-theme-color-10 { 
  color:#fff; color:rgba(255,255,255,0.8); 
}
.text_block.withbg h1,.text_block.withbg h2,.text_block.withbg h3,
.text_block.withbg h4,.text_block.withbg h5,.text_block.withbg h6{ 
  color:#fff; color:rgba(255,255,255,0.85);  
}
.text_block.withbg a:hover{ 
  color:#fff;  
}

/*  
-------------------------------------------
  Separator
-------------------------------------------
*/

.separator{ height:20px; opacity:0; }
.separator h4{ font-size:24px; display:inline-block; padding-right:30px; line-height:20px; }
.separator_inn{ height:2px; position:relative; top:-14px; z-index:-1 }
.separator_inn.bg-{
  background-color: #444;
}
.blank-divider .separator_inn.bg-{
  background: none;
}
.separator.text-center h4{ padding-left:30px; }
.separator.title_on_right h4{ padding-left:30px; padding-right:0; float:right; }
.separator.title_on_right .separator_inn { top:12px; }
.separator.without-title .separator_inn{ top:10px;}
.separator.text-center .separator_inn{ display:inline-block; max-width:200px; width:20%; top:-4px; }
.separator.height-20{
  height:20px;
}
.separator.height-40{
  height:40px;
}
.separator.height-60{
  height:60px;
}
.separator.height-80{
  height:80px;
}

/*  
-------------------------------------------
  Message box
-------------------------------------------
*/

.message-box{ 
  position:relative; text-align:justify; padding:20px 60px 20px 60px; background-position: 20px 20px; background-repeat:no-repeat; 
  color:#fff; 
}
.message-box a{ 
  color:#fff; 
}
.message-box.box-bgcolor1{ background-color:#ff836a; }
.message-box.box-bgcolor2{ background-color:#ffd02e; }
.message-box.box-bgcolor3{ background-color:#65b5ff; }
.message-box.box-bgcolor4{ background-color:#43bc46; }
.message-box:before{ position:absolute; left: 20px; font-size:24px;}
.box-type4:before{content: "\e614"; }
.box-type3:before{content: "\e62a"; }
.box-type2:before{ content: "\e618"; }
.box-type1:before{content: "\e617"; }
.message-box .box-close { position:absolute; left:auto; right:20px; top:18px; display:block; }
.message-box .box-close i{ cursor:pointer; font-size:24px; margin-top: 0; }

/*  
-------------------------------------------
  Tabs
-------------------------------------------
*/
.nav.nav-tabs{ 
  margin-bottom:0; border-bottom-color:#e8e8e8;  vertical-align:top;
}
.nav-tabs > li{ margin-left:-1px; }
.nav-tabs > li:first-child{ margin-left:0;}
.nav-tabs > li > a{ 
  border-radius:0; margin-right:0; padding:10px 20px; font-size:14px; border-color: #e8e8e8;
}
.nav-tabs > li > a:hover { color:#fff;}
.tab-content { 
  border-width: 1px; border-style: solid; border-color: #e8e8e8; border-top: none; 
}
.nav-tabs > .active > a, 
.nav-tabs > .active > a:hover, 
.nav-tabs > .active > a:focus{ border-color:#e8e8e8; }
.tab-pane{ margin: 20px; }
.tabs-v{ vertical-align:top; border-width: 1px; border-style: solid; border-color: #e8e8e8; }
.nav-tabs-v{ float:left; width:25%; position:relative; z-index:2;}
.tab-content.tab-content-v{ 
  position:relative; z-index:1; float:left; width:70%; height:100%;  margin-left:-1px; border:none; 
  border-left-width:1px; border-left-style:solid; border-left-color: #e8e8e8; 
}
.tabs-v .nav-tabs:before, 
.tabs-v .nav-tabs:after{ 
  display:inline-block; clear: inherit; float:left; content:inherit; 
}
.tabs-v .nav-tabs > li { float:none; }
.tabs-v .nav-tabs > li > a { border-left: medium none; }
.tabs-v .nav-tabs > .active > a { 
  border-left: medium none; border-top-width:1px; border-top-style:solid; border-top-color: #e8e8e8; 
}
.tabs-v .nav-tabs > li:first-child > a { border-top: none; }
.tabs-v .nav-tabs > li { margin-left:0; }
.tabs-v .nav-tabs > li:last-child>a { border-bottom:none; }
.tabs-v .nav-tabs > li:last-child.active>a { 
  border-bottom-width:1px; border-bottom-style:solid; border-bottom-color: #e8e8e8; 
}

/*  
-------------------------------------------
  Toggle / Accordion
-------------------------------------------
*/

.accordion-group{ border:none; border-radius:0; margin-bottom:10px; }
.accordion-heading{ height:auto; min-height:40px; border-left-style:solid; border-left-width:5px; }
.accordion-inner { border-top: none;}
.accordion-heading .accordion-toggle{ padding:10px 20px; font-size:14px; }
.accordion-inner{ padding-left:25px; }

/*Style B*/
.accordion-style-b .accordion-heading{ background:none; min-height:20px; }
.accordion-style-b .accordion-heading .accordion-toggle{ padding: 0 20px; }

/*  
-------------------------------------------
  Iocn Box
-------------------------------------------
*/
.iocnbox { text-align:center; }
.icon_wrap i,.iconbox-plus-svg-wrap i{ font-size:48px; line-height:60px;
-webkit-transition: all 0.5s;
   -moz-transition: all 0.5s;
        transition: all 0.5s; 
    }
.iocnbox .icon_wrap { height:60px; margin:0 auto 20px; }
.iocnbox h3{ display:block; margin-bottom:20px; font-size:18px; line-height:20px; }

.iocnbox.icon_left { text-align:left; vertical-align:top; position:relative; }
.iocnbox.icon_left .icon_wrap{ min-width: 70px; position:absolute; left:0; top:-10px; }
.iocnbox.icon_left .icon_text{ margin-left:70px; }
.iocnbox .user-uploaded-icons{max-height:60px;max-width:70px;}

/*  
-------------------------------------------
  Text List
-------------------------------------------
*/

.text-list{
  line-height: 30px;
}
.text-list p{
  line-height: 20px;
}
.text-list i{
  position: relative; top: 5px;font-size: 12px;margin-right: 10px;
}
.text-list-inn{ 
  margin: -20px 0 0 20px; }
  
.text-list .user-uploaded-icons{
  max-width: 12px;
  max-height: 12px;
}


/*  
-------------------------------------------
  Single Image
-------------------------------------------
*/

.single-image { max-width:100%; display:inline-block; position: relative; z-index: 0; } 
.with-shadow img { box-shadow:0 3px 13px 0 rgba(0, 0, 0, 0.2); }
.image-mod-center { text-align: center; margin-left: auto; margin-right: auto; }
.single-image.shadow {
  opacity: 1;
}

/*  
-------------------------------------------
  Gallery slider
-------------------------------------------
*/

.carousel{ margin-bottom:0; }
.carousel-control{ 
  width: 58px; height: 60px; margin-top: -30px; top:50%;border-radius:0; border:none; 
  background-color: #666; background-color: rgba(0,0,0,0.2); 
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: .5
}
.carousel-control:before{
  content: ''; display: block; width: 0; height: 0; position: absolute; top:0; left: 0;
  border:30px solid transparent;
}
.carousel-control.left{left:-60px; }
.carousel-control.left:before{ 
  border-right:30px solid #ddd;  
}
.carousel-control.right{right:-60px; }
.carousel-control.right:before{ 
  border-left:30px solid #ddd; 
}
.no-touch .carousel:hover .carousel-control.left,
.touch .carousel-control.left{ 
-webkit-transform: translateX(60px);
-moz-transform: translateX(60px);
-ms-transform: translateX(60px);
-o-transform: translateX(60px);
transform: translateX(60px);
}
.no-touch .carousel:hover .carousel-control.right,
.touch .carousel-control.right{ 
-webkit-transform: translateX(-60px);
-moz-transform: translateX(-60px);
-ms-transform: translateX(-60px);
-o-transform: translateX(-60px);
transform: translateX(-60px);
}
.gallery-image.slide{ overflow:hidden; margin-bottom:30px;  }
.no-touch .carousel:hover .carousel-control{
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity:1; 
}

/* Content sldier */
.listitem_slider { overflow:hidden; }
.listitem_slider .carousel-img-wrap{ position:relative; width:60%; float:left; }
.carousel-control{ font-size:12px; }
.carousel-inner .item{ height:400px; }
.gallery-image .carousel-inner .item{ height:auto; }
.listitem_slider .carousel-img-wrap .slider_img{ position:relative; overflow:hidden; }
.listitem_slider .carousel-img-wrap .slider_img a img{ height:400px; width:auto; max-width:none; min-width:100%; }
.slider-panel { position:relative; width:40%; height:400px; float:left; }
.slider-panel-item{ 
  display:none; 
}
.slider-panel-item.active{ 
  display:block;
}
.slider-panel-item h2.slider-title{ padding:20px; font-size:30px; line-height:20px;}
.slider-panel-item h2.slider-title a{ }
.slider-panel-item .slider-des{ 
  display:block; font-size:14px; line-height:20px; padding:0 20px 20px 20px; margin-bottom:20px; 
}
.carousel-indicators{ 
  width:40%; height:20px; right:0; top:auto; left:60%; bottom:20px; padding-left:20px;
}
.carousel-indicators li{ width:20px; height:20px; border-radius:0; margin-left:0; margin-right:10px; cursor:pointer; }
.row .span6 .listitem_slider{ height:540px; }
.row .span6 .listitem_slider .carousel-img-wrap{ width:100%; height:260px; overflow:hidden; float:none; }
.row .span6 .listitem_slider .slider-panel{ width:100%; height:280px; display:block; }
.row .span6 .carousel-indicators{ width:100%; }
.row .span6 .listitem_slider .carousel-img-wrap .slider_img a img{ width:100%; height:auto;}
.carousel-indicators li {
  opacity: .3
}
.carousel-indicators .active {
  opacity: 1;
}

/*  
-------------------------------------------
  Testimenials
-------------------------------------------
*/
.testimenials{ 
  position:relative; padding:20px 20px 20px 110px; min-height:100px; 
}
.testimenials i{ font-size: 72px; position: absolute; top: 20px; left: 20px; }
.testimenials .arrow-bg{ 
  position:absolute; bottom: -30px; right: 0; width:30px; height:30px; 
}
.testimenials .arrow-wrap{ display: block;position: absolute;right: 0;width: 0; 
border-bottom: 30px solid rgba(0, 0, 0, 0.3);
border-left: 30px solid transparent;
  -webkit-transform: rotate(180deg);    
          transform: rotate(180deg);
}
.testimenials span.arrow { display: block; position: absolute; top:-1px; right: 0;width: 0;
border-bottom: 30px solid #fff;
border-left: 30px solid transparent;
  -webkit-transform: rotate(180deg);   
         transform: rotate(180deg);
}
.testimenials:hover{ color:#fff; }
.testimenials .cite{ margin-top:20px;}
.testimonials-wrap li{ margin-bottom:0; }
.testimonials-wrap{ overflow:hidden; }

/*  carousel */
.carousel-wrap{}
.carousel-wrap li{ height:100%; min-height:160px;}
.carousel-btn a { display:inline-block; width:20px; height:20px; text-align:center; }
.carousel-btn{ text-align:right; margin-top:20px; }
/*
-------------------------------------------
  Clients
-------------------------------------------
*/

.clients_wrap{ text-align:center; }
.clients_wrap ul{ min-height:60px; }
.clients_wrap.carousel-wrap li { display:inline-block; min-height:inherit; text-align:center; height:80px; }
.clients_wrap.carousel-wrap img{ max-height:100%; width:auto; height:auto; }
.carousel-btn a.disabled{ cursor:default; opacity:0.6; }
.carousel-btn i{ font-size:10px; line-height: 16px; }

/*    
-------------------------------------------
  Team
-------------------------------------------
*/
.team-wrap [class*="span"]{ 
  margin-bottom:0;
}
.team-item{ 
  text-align:center; position:relative;  overflow:hidden;
}
.team-item .img-wrap{ 
  display:block; margin:0 auto; width:100%; position: relative; 
}
.team-item p{ 
  display:block; 
}
.team-icons i{ 
  display:inline; margin:10px 2px 0 2px; font-size:32px; line-height:50px; 
}
.team-item-con-h p.team-position{ 
  font-size:14px; padding-top: 10px; padding-bottom: 10px;
} 
.team-item-con-h p.team-mail,
.team-item-con-h p.team-phone{ 
  font-size:12px; }
a.team-item-title{ 
  display:block; font-size:20px; 
}
.team-item-con-back{ 
  text-align: left;position:absolute; bottom:0; left:100%; min-height:110px; width:100%; height: 100%; padding:40px 0 30px; display:none\9; 
}
.team-item-con-back-inn{
  text-align: center; width: 80%;
}
.team-item:hover .team-item-con-back,
.team-item.team-hover3d .team-item-con-back { 
  -webkit-transform: translateX(-80%);
  -moz-transform: translateX(-80%);
  -ms-transform: translateX(-80%);
  -o-transform: translateX(-80%);
  transform: translateX(-80%);
}
.team-item:hover .img-wrap,
.team-item.team-hover3d .img-wrap{
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.team-item:hover .team-item-con-back,
.team-item.team-hover3d .team-item-con-back{ 
  display:block\9; 
} 
.moudle .team-item-title,.moudle .team-icons i,.moudle .team-position{
  color:#fff; color: rgba(255,255,255,0.7);
}
.moudle .team-email,.moudle .team-phone{
  color:#fff; color:rgba(255,255,255,0.4);
}
.team-item-con-back{
  background-color: #333;
}
.team-img { 
  width: 100% 
}


/*
-------------------------------------------
  Price
-------------------------------------------
*/
.price-wrap{ text-align:center; }
.pirce-item{ vertical-align:top; display:inline-block; width:240px; margin:0 10px; color:#fff; } 
.pirce-title{ height:60px; line-height:60px; font-size:24px; color:#fff; }
.price-number{ position:relative; font-size:65px; line-height:53px; min-height:120px; text-shadow:1px 1px 1px rgba(0,0,0,0.3);}
.price-mask{ position:absolute; width:100%; height:100%; background-color:rgba(255,255,255,0.1);}
.price-number-b,.price-currency{ display:inline-block; }
.price-number-b{margin-top:20px; }
.price-runtime{ font-size:12px; line-height:20px; margin-top:-10px; opacity:0.8; }
.price-currency{ display:inline-block; font-size:26px; position:relative; top:-23px; margin-left:-10px }
.price-list{ text-align:left; color:#666; padding:10px 20px; background-color:#f5f5f5;}
.price-list-item{ line-height:39px; min-height:39px; border-bottom:1px solid #eee; box-shadow:0 1px 0 #fff;  }
.price-list li:last-child{ border-bottom:none; box-shadow:none; }
.price-button{ display:block; height:60px; line-height:60px; font-size:24px; color:#fff; }
.price-list-item{ position:relative;}
.price-list-item i{ position:absolute; top:13px; }
.price-list-item-text{ position:relative; top:9px; left:20px; margin-bottom:18px; padding-right:15px; line-height:20px; }
.price-list-item-text.price-list-item-no-icon{ left:0; padding-right:0; }
.price-button:hover,.price-button:focus{ color:rgba(255,255,255,0.5);}

/*    
-------------------------------------------
  Process Bar
-------------------------------------------
*/

.process-bar-wrap{ height:20px; color:#fff;  }
h2.process-bar-title{ font-size:14px; line-height:20px; margin-bottom:10px;}
.process-bar{ font-size:10px; padding-left:10px; height:20px; width:0;  opacity:0;}
.process-bar-wrap{ margin-bottom:10px; }

/*    
-------------------------------------------
  Promote
-------------------------------------------
*/

.promote-wrap{ 
  padding:40px; 
}
.promote-wrap .row-fluid [class*="span"] { 
  margin-bottom:0;
}
.promote-medium{ 
  margin:20px 0 0;
}
.promote-button{ 
  margin-top:20px;  display: inline-block; font-size:18px; padding:9px 15px 10px; border-style: solid; border-width: 3px; 
  cursor:pointer; background:none!important; box-shadow:none; text-shadow:none; border-radius: 0; 
  
}
.promote-wrap-2c { 
  position:relative; 
}
.promote-wrap-2c .promote-button-wrap{ 
  position:absolute; right:40px; top:50%; margin-top:-20px; 
}
.promote-wrap-2c .promote-button{ 
  margin-top:0; margin-left:40px; 
}


/*    
-------------------------------------------
  Blog Standard
-------------------------------------------
*/

.blog-wrap{
  margin-top: -80px;
}
.blog-item.blog-item-center{ 
  max-width:70%; margin-left: auto; margin-right: auto; text-align: center; 
}

.blog-item{
  margin-top: 80px
}
.blog-item-main-clear-mobile{   
  margin-left:0; 
}
.blog-item-main h2{ 
  margin-bottom:40px; font-size:32px; line-height:40px; 
}
.blog_meta{ 
  margin-top: 40px;font-size: 12px;
}
.date-block { 
  width:100px;  margin-bottom:40px; text-align:center; color:#fff; position: relative;
}
.blog-item-center .date-block { 
  margin-right: auto; margin-left: auto; cursor: default; 
}
.date-block .date-block-bg{ 
  position: absolute; left: 15px; top: 15px; width: 70px; height: 70px; border-radius: 5px; z-index: 0; content: '';
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  
}
.date-block img{ 
  width:100%; 
}
.date-block p{ 
  position: relative; z-index: 1;
}
.date-block .blog-avatar{ 
  display: none;
}
.date-block .date-block-big{ 
  font-size:32px; line-height:56px; 
}
.date-block .date-block-m{ 
  font-size:8px; text-transform:uppercase; top: 18px; 
}
.date-block .date-block-y{ 
  font-size:8px; line-height:20px; top:-15px;
}
.blog_meta i{ 
  margin-right:5px; font-size: 12px;
}
.blog_meta i.icon-m-history{
  
}
.blog_meta li{ 
  vertical-align:middle; display:inline-block; margin-right: 5px; margin-left: 5px;
 }
.blog-item-img{ 
  position:relative; width:400px; height:200px; margin:40px 0 20px; overflow:hidden;
}
.blog-item-center .blog-item-img { 
  margin:40px auto 20px;
}
.blog-item-img a{ 
  display:block; width:100%; height:100%; position:relative; 
}
.blog-item-img a img{ 
  width:100%; position: relative; z-index: 0;
  
}
.standard-blog-gallery{
  margin-top: 30px;
}
.standard-blog-gallery a{ 
  width: 120px; height: 120px; display: inline-block; margin-top: 10px; margin-left: 10px; overflow: hidden; 
}
.blog-item-center .standard-blog-gallery a{
  margin-left: 5px; margin-right: 5px;
}
.blog-item-main .videoWrapper{
  margin-top: 40px;
}

.blog-item-main .audio_player_list{
  display: inline-block; margin-top: 20px;
}
.blog-item-main .audio-unit{
  text-align: left; line-height: 30px;
}
.blog-item-main .audio-unit span.audiobutton{
  float: left; width: 30px;
}
.blog-item-main .audio-unit span.audiobutton:before{
  position: static;
}
.blog-item-main .audio-unit span.songtitle{
  position: relative; left: 0; top: 0; margin-left: 0; padding-right: 0;  
}
.blog-item-main .soundcloudWrapper{ margin-top: 20px;}
.blog-item-main .audio_player_list,
.liquid-body-audio .audio_player_list{
  background: none;
}


/*Normal image hover */
.ux-hover-wrap { 
  width:100%; height:100%; position:relative; text-align: center; display: block; 
}
.ux-hover-wrap i { 
  font-size:24px; position:absolute; z-index: 1; left:50%; top:50%; height:80px; width:80px; line-height: 80px; margin:-40px 0 0 -40px; 
  opacity:0; visibility: hidden; color:#eee; color:rgba(255,255,255,0.6);border-radius: 40px;
}
.single-image.mouse-over .ux-hover-wrap i {
  font-size: 72px;
}
.ux-hover-wrap:hover .ux-hover-icon-wrap{ 
  background-color:rgba(0,0,0,0.2); 
}
.ux-hover-wrap:hover i{ 
  opacity:1; visibility: visible; color:#eee; color:rgba(255,255,255,0.4);
}

.standard-blog-item-link{ 
  display: inline-block; margin-left: 10px; margin-right: 10px;
}
.standard-blog-quote i{
  display: block;font-size: 48px;line-height: 60px;
}
.standard-blog-quote p{
  margin-top: 60px;
}
/*
-------------------------------------------
  Share icons
-------------------------------------------
*/

/*    
-------------------------------------------
  Video
-------------------------------------------
*/
.video-wrap { 
  position: relative; width:100%; height:100%; padding-bottom:56.25%; height:0; 
}
.video-wrap iframe{ position: absolute;top: 0;left: 0; width:100%; height:100%; }
.video-wrap.video-16-9{ padding-bottom:56.25%; }
.video-wrap.video-4-3{ padding-bottom:75%; }
.video-wrap.vimeo{
  padding-bottom: 48.9%;
}
.video-wrap.youtube{
  padding-bottom: 48.8%;
}


/*
-------------------------------------------
  job
-------------------------------------------
*/
.job-meta{ margin:10px 0 20px; }
.job-meta span{ padding-right:10px; }
 
/*    
-------------------------------------------
  Contact form
-------------------------------------------
*/
.contactform h3{ margin-bottom:20px;}
.contactform input[type="text"],.contactform textarea{ width:100%; margin-bottom:20px; 
-moz-box-sizing: border-box;  
-webkit-box-sizing: border-box; 
-o-box-sizing: border-box; 
-ms-box-sizing: border-box; 
box-sizing: border-box;}
.contactform input[type="text"]{ 
  height:40px; padding-left: 10px;
}
.verify-wrap{
  position: relative;
}
.verifyNum{
  position: absolute; right: 0; top: 8px;
}

/*Override contact form 7*/
span.wpcf7-form-control-wrap{ display:block; margin-top:5px; }
.wpcf7-form>p{ margin-top:10px; }
.wpcf7-form textarea, .wpcf7-form input[type="text"], .wpcf7-form input[type="datetime"], .wpcf7-form input[type="datetime-local"], .wpcf7-form input[type="date"], .wpcf7-form input[type="number"], .wpcf7-form input[type="email"], .wpcf7-form input[type="url"],  .wpcf7-form input[type="tel"], .wpcf7-form input[type="color"], .wpcf7-form .uneditable-input
{ width:100%; height:40px; background-color:#efefef; }
.wpcf7-form textarea{ height:auto; }


/*    
-------------------------------------------
  Model nested
-------------------------------------------
*/

.general_moudle.span9 .moudle.span9{width:100%;*width:99.94680851063829%;clear:left;margin-left:0;}
.general_moudle.span9 .moudle.span8{width:74.46808510638297%;*width:74.41489361702126%;clear:left;margin-left:0;}
.general_moudle.span9 .moudle.span6{width:65.95744680851064%;*width:65.90425531914893%;}
.general_moudle.span9 .moudle.span4{width:48.93617021276595%;*width:48.88297872340425%;}
.general_moudle.span9 .moudle.span3{width:31.914893617021278%;*width:31.861702127659576%;}

.general_moudle.span8 .moudle.span8{width:100%;*width:99.94680851063829%;clear:left;margin-left:0;}
.general_moudle.span8 .moudle.span6{width:74.46808510638297%;*width:74.41489361702126%;clear:left;margin-left:0;}
.general_moudle.span8 .moudle.span4{width:48.93617021276595%;*width:48.88297872340425%;}
.general_moudle.span8 .moudle.span3{width:31.914893617021278%;*width:31.861702127659576%;}

.general_moudle.span6 .moudle.span6{width:100%;*width:99.94680851063829%;clear:left;margin-left:0;}
.general_moudle.span6 .moudle.span4{width:65.95744680851064%;*width:65.90425531914893%;clear:left;margin-left:0;}
.general_moudle.span6 .moudle.span3{/*width:48.93617021276595%;*width:48.88297872340425%;*/ width:45.8564%;*width:45.8564%;}

.general_moudle.span4 .moudle.span4{width:100%;*width:99.94680851063829%;clear:left;margin-left:0;}
.general_moudle.span4 .moudle.span3{width:65.95744680851064%;*width:65.90425531914893%;clear:left;margin-left:0;}

.general_moudle.span3 .moudle.span3{width:100%;*width:99.94680851063829%;clear:left;margin-left:0;}

.moudle{
  margin-bottom:40px;
}
.moudle.bottom-space-20{ 
   margin-bottom: 20px; 
}
.moudle.bottom-space-40{ 
   margin-bottom: 40px; 
}
.moudle.bottom-space-60{ 
   margin-bottom: 60px; 
}
.moudle.bottom-space-80{ 
   margin-bottom: 80px; 
}
.moudle.bottom-space-no{ 
   margin-bottom: 0; 
}


/*  
-------------------------------------------
  Contact Form single feild
-------------------------------------------
*/

.single-feild{ position:relative; width:80%; max-width:640px; margin:0 auto; padding:1px; border-style:solid; border-width:1px;}
.single-feild input[type="text"].email{ border:none; width:90%; background:none; height:30px; padding-left:5px; margin:15px 0 15px 20px; border:1px solid #ccc; }
.single-feild-mail{ width:60%; display:inline-block; }
.single-feild input[type="text"].email{ border:none;}
.single-feild-submit{ width:20%; display:inline; text-align:right; margin-top:-50px; float:right; }
.single-feild input#idi_send{ 
  margin-right:10px; position: absolute; right: 0; top: 10px;
 }
.single-feild .verify-wrap{ 
  display:inline-block; opacity:1; width:100%; height:30px; position: absolute; left: 0; bottom: -50px;
}
.single-feild .verify-wrap input[type="text"]{ height:30px; padding-left:5px; background:none; border:1px solid #ccc; }
.no-touch .single-feild .verify-wrap{ opacity:0; }
.no-touch .single-feild:hover .verify-wrap{ 
  opacity:1; 
}
.single-feild .verify-wrap .verifyNum{ 
  position: static; float: right;
}

/*  
-------------------------------------------
  Icon box plus
-------------------------------------------
*/

.iconbox-plus{ position:relative; }
.iconbox-plus-svg-wrap{  position: relative; top:0px; width:100%; z-index:1; 
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.no-touch .iconbox-plus-svg-wrap{opacity:0;}
.iconbox-plus-svg-wrap i{ 
  position: absolute; left:50%; top:50%; 
  margin-left:-30px; margin-top:-30px; 
  width: 60px; text-align: center;
  color:#fff; 
 }
.iconbox-plus-triangle i{ margin-top:-24px;}
.iconbox-plus-pentagon i{ margin-top:-24px;}
.iconbox-plus.iocnbox:hover .iconbox-plus-svg-wrap i{ color:#f0f0f0; }

.iconbox-plus.hover-rorate .iconbox-plus-svg-wrap i{
-webkit-transform: scale(0.5) rotate(180deg);
-moz-transform: scale(0.5) rotate(180deg);
-o-transform: scale(0.5) rotate(180deg);
-ms-transform: scale(0.5) rotate(180deg);
transform: scale(0.5) rotate(180deg);

}
.iconbox-plus.hover-rorate .iconbox-plus-svg-wrap i { 
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
.no-touch .iconbox-plus.hover-rorate:hover .iconbox-plus-svg-wrap i{ 
-webkit-transform: scale(0.5) rotate(180deg);
-moz-transform: scale(0.5) rotate(180deg);
-o-transform: scale(0.5) rotate(180deg);
-ms-transform: scale(0.5) rotate(180deg);
transform: scale(0.5) rotate(180deg);
}
.hover-halo svg{
-webkit-transition: -webkit-transform 0.2s, opacity 0.3s;
-moz-transition: -moz-transform 0.2s, opacity 0.3s;
-ms-transition: -ms-transform 0.2s, opacity 0.3s;
-o-transition: -o-transform 0.2s, opacity 0.3s;
transition: transform 0.2s, opacity 0.3s;
}
.hover-halo:hover svg{
-webkit-transform: scale(1.3);
-moz-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
opacity: 0;
} 
.iconbox-plus.hover-flip {
-webkit-perspective: 1000;
-moz-perspective: 1000px;
-ms-perspective: 1000;
-o-perspective: 1000;
perspective: 1000;
}
.no-touch .iconbox-plus .flip{ 
-webkit-transform: rotateY(360deg);
-moz-transform: rotateY(360deg);
-o-transform: rotateY(360deg);
-ms-transform: rotateY(36deg);
transform: rotateY(360deg);
}
.no-touch .iconbox-plus.hover-flip:hover .iconbox-plus-svg-wrap{
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
-ms-transform: rotateY(0deg);
transform: rotateY(180deg);
}
.iconbox-plus.hover-scale .iconbox-plus-svg-wrap{
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-o-transform: scale(0.5);
-ms-transform: scale(0.5);
transform: scale(0.5);
}
.iconbox-plus.hover-scale .scale { 
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.no-touch .iconbox-plus.hover-scale:hover .iconbox-plus-svg-wrap{
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-o-transform: scale(0.5);
-ms-transform: scale(0.5);
transform: scale(0.5);
}
.iconbox-plus .breath{ opacity:1; }



/*  
-------------------------------------------
  Image Box
-------------------------------------------
*/

.image-box { text-align:center; }
.image-box h1{ font-size:16px; line-height:20px; }
.image-box-svg-wrap{ margin-bottom:20px; opacity:0;
-webkit-transform: scale(0.5);
   -moz-transform: scale(0.5);
     -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
        transform: scale(0.5);
}
.image-box-icons{ margin-top:20px; }
.image-box-icons li{ display:inline-block; margin-left:3px; margin-right:3px; font-size:24px; }
.image-box-img-iehack{ display:none; margin:0 auto 20px;  }
.shown{ opacity:1; 
-webkit-transform: scale(1);
   -moz-transform: scale(1);
     -o-transform: scale(1);
    -ms-transform: scale(1);
        transform: scale(1);}
/*  
-------------------------------------------
  Count Down
-------------------------------------------
*/

.hasCountdown { 
  width:80%; max-width:700px; margin:0 auto; text-align:center; 
}
.countdown_rtl {
  direction: rtl;
}
.countdown_holding span {
}
.countdown_row {
  clear: both; width: 100%; padding: 0px 2px; text-align: center;
}
.countdown_section {
  display: inline-block; font-size: 75%; font-weight: normal;  text-align: center; border-radius: 4px; margin:0 10px 20px 10px; min-width:80px; min-height:80px;
  padding-top:10px; text-transform:uppercase; 
}
.countdown_amount {
  font-size: 36px; line-height:40px; 
}
.countdown_descr {
  display: block; width: 100%;
}


/*  
-------------------------------------------
  InfoGraphic
-------------------------------------------
*/


.infrographic h1{ 
  font-size:16px; line-height:20px; 
}
.infrographic-tit{ 
  margin-top:20px; 
}

/*Big number*/
.bignumber{ 
  text-align:center; padding:30px 0; 
}
.bignumber-item{ 
  font-size:76px; line-height:80px; 
}
.infrographic-subtit{
  padding:10px 10px 0 10px;
}

/* jqbar.css */
.jqbar{
    position: relative;
    top: 100px;
}
.jqbar.vertical{
    
    display: inline-block;
}
.jqbar.vertical span{
    display: block;
    font-size: 16px;
  
}
.jqbar.vertical .bar-percent{
    font-size: 26px;
    line-height: 40px;
    width: 100%;
}
.jqbar.vertical .bar-level-wrapper{
    position: relative;
    display: inline-block;
    overflow: hidden;
}
.jqbar.vertical .bar-level{
    position: absolute;
}

/*horizontal*/

.jqbar.horizontal span{
    display: inline-block;
    margin-left: 5px;
    font-size: 11px;
    font-weight: bold;
}
.jqbar.horizontal .bar-percent { position:relative; top:-30px; left:-20px;
    font-size: 11px;
    font-weight: bold;
    height: 20px;
    margin-bottom: 5px;
}
.vbar-item{height:260px; float:left;}
/*Pie*/
.pie-item{ text-align:center; }
.pie-item input[readonly]{ cursor:default; }

/*Bar*/
.jqbar.horizontal .bar-percent{ position:relative; left:0px; top:-15px;}
.jqbar.vertical{ top:0; }

/*Pictorial*/
.pictorial li{ display:inline-block; }
.pictorial i{ font-size:24px; }
.ins .bar {
  -webkit-animation:fill .5s linear forwards;
  -moz-animation:fill .5s linear forwards;
}

#layerFill1 { -moz-animation-delay:0.5s; -webkit-animation-delay:0.5s; }
#layerFill2 { -moz-animation-delay:1s; -webkit-animation-delay:1s; }
#layerFill3 { -moz-animation-delay:1.5s; -webkit-animation-delay:1.5s; }
#layerFill4 { -moz-animation-delay:2s; -webkit-animation-delay:2s; }
#layerFill5 { -moz-animation-delay:2.5s; -webkit-animation-delay:2.5s; }
#layerFill6 { -moz-animation-delay:3s; -webkit-animation-delay:3s; }
#layerFill7 { -moz-animation-delay:3.5s; -webkit-animation-delay:3.5s; }
#layerFill8 { -moz-animation-delay:4s; -webkit-animation-delay:4s; }
#layerFill9 { -moz-animation-delay:4.5s; -webkit-animation-delay:4.5s; }
#layerFill10 { -moz-animation-delay:5s; -webkit-animation-delay:5s; }
@-moz-keyframes fill {
  0%{ opacity:0; }
  100%{ opacity:1;color:#0000FF; }  
}
@-webkit-keyframes fill {
  0%{ opacity:0; }
  100%{ opacity:1;color:#0000FF; }  
}

/*progress*/

.infrographic.bar{ 
  height: 20px; position: relative;
}
.progress-outer{
  border-radius: 2px; overflow: hidden; position: absolute; left:0; top: 27px; width: 100%;
}
.progress{ 
  box-shadow:none; border-radius:0; overflow: visible;
}
.progress_bars_with_image_content {
position: relative;width: 100%;display: inline-block;
}
.progress_bars_with_image_content i{ 
  font-size:72px; cursor:default; 
}
.progress_bars_with_image_content .bar { 
  width:75px; 
}
.progress_bars_with_image_content .bar { 
  height:80px;float: left; position: relative;
}
.progress_bars_with_image_content .bar .bar_noactive, 
.progress_bars_with_image_content .bar .bar_active {
  width:40px;
}
.progress_bars_with_image_content i{
  height: 80px; line-height: 80px;
}
.progress_bars_with_image_content .bar .bar_noactive.grey {
  color:#ccc;
}
.progress_bars_with_image_content .bar .bar_active {
  position: absolute;top: 0;left: 0; 
}
.progress_bars_with_image_content .bar.active .bar_active{
  display: block;  
}
.progress_bars_with_image_content .bar .bar_active {
  display: none;
}
.infrographic.bar .bar-percent{ 
  float: right; display:inline-block; font-size:16px; 
}
.infrographic.bar .bignumber-item { 
  display:inline-block;line-height:20px;  font-size:16px; }
.infrographic.bar h1{ display:inline-block;line-height:20px; margin-right:10px; }
.bar-percent-v .bignumber-item{ font-size:14px; line-height:20px; display:inline-block; color:#f0f0f0; }
.bar-percent-v{ position:absolute; z-index:9999;}
.progress {
  width: 100%; height: 7px;
}
.progress.v {
  height: 100%; width: 120px; margin-right:5px; display:inline-block;
}
.progress-wrap {
  position: relative;
}
.progress-wrap .progress-bar {
  position: absolute;left: 0;top: 0;background: #ddd;
}
.vbar-item span{ width:100%; }
.infrographic.columns{ width:100%; }
.vbar-item{ width:20%; padding-right:10px;}
.vbar-item .vbar{ width:100%; }
.pr-head{
  position: absolute; left: 0; top: 0; width: 2px; height: 7px; border-bottom-right-radius: 2px; border-top-right-radius: 2px;
}

/*------------------------ 
  Liquid list
---------------------*/

.liquid-title { 
  width:100%; line-height:40px; font-size:26px; padding: 40px 40px 0 40px; position:relative; 
}
.liquid-title a{ 
  width:100%; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; opacity:0.8; color:#fafafa;
}
.liquid-title a:hover{ 
  color:#fff; opacity:1;}
.liquid-title i{ 
  font-size:24px; position:absolute; top:30px; right:30px; cursor:pointer; opacity:0.4; color:#fff;
}
.liquid-title i:hover{ 
  opacity:1; 
}
.liquid-body{ 
  padding:40px 40px 0 40px; background-color:#f1f1f1; color:#ccc;
}
.liquid-body-des{ 
  margin-bottom:30px;
}
.liquid-body-thumbs{ 
  margin-left:-4%;
}
.liquid-body-thumbs li{ 
  display:inline-block; margin-top:20px; margin-left:4%; float:left; width:16%; }
.liquid-body-thumbs img{ 
  max-width:100%; height:auto; 
}
.liquid-more { 
  position:relative; display:block; width:100%; min-height:80px; padding:0 40px; font-size:16px; text-align: center; 
  background-color:#dfdfdf; 
}
.liquid-more-icon { 
  line-height:80px; width:100%; font-size: 24px; color: #999;
}
.liquid-more-icon:hover{
  color: #fafafa;
}
.liquid-more-icon i { 
  font-size:30px; line-height:35px; margin-right: 15px;
}
.liquid-more-icon-right{ 
  float: right; width: auto;
}
.liquid-body-img img{ 
  width:100%; height:auto;
}
.post_social_inzoomed.post_social{ 
position: absolute; top:50%; margin-bottom:auto; margin-top:auto;
-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
        transform: translateY(-50%); 
}

.liquid-body-link li{ 
  margin-right:20px;
}
.liquid-body-quote .quote-wrap{ 
  background-color:#fff; 
}
.liquid-loading-wrap{ 
  position:relative; cursor:default;
}
.ux-loading{
  width:62px; height:62px; position: absolute; left:50%; top:50%; right:auto; bottom:auto; margin-top:-31px; margin-left:-31px; z-index:999; 
  background:#fff url(../img/isotope-loading.gif) no-repeat 50% 50%;border-radius:31px;
}
.csstransforms .ux-loading,
.no-csstransforms .ux-loading-transform {
  display: none;
}

/*css3 loading*/
.ux-loading-transform { 
  width: 32px; height: 32px; position: absolute; text-align: center; left:50%; top:50%; margin-left: -16px; margin-top: -16px;
  -webkit-animation: rotate 0.8s infinite linear;
  animation: rotate 0.8s infinite linear;
}
.loading-dot1, .loading-dot2 {
  width: 65%; height: 65%;  display: inline-block; position: absolute; top: 0; border-radius: 100%;
  background-color:rgba(255,255,255,0.8);
  -webkit-animation: bounce 1.0s infinite ease-in-out;
  animation: bounce 1.0s infinite ease-in-out;
}
.loading-dot2 {
  top: auto;bottom: 0px; 
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
@-webkit-keyframes rotate { 100% { -webkit-transform: rotate(360deg) }}
@keyframes rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }}
@-webkit-keyframes bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}
@keyframes bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

.liquid-hide { 
  opacity:0; position:relative; z-index:-1; width: 100%;
}
.liqd-gallery-img i{
  opacity:0; visibility: hidden; position: absolute; width: 48px; height: 48px; line-height: 48px; font-size: 48px; text-align: center;
  color:#000; color: rgba(0,0,0,0.4); box-shadow: 1px 1px 0 rgba(255,255,255,0.2); 
}
.liqd-gallery-img:hover i{
  opacity: 1; visibility: visible;
}


/*------------------------ 
  Latst posts
---------------------*/

.latest-posts-tit{ 
  position:relative; font-size:16px; padding:20px 15px; min-height:60px; line-height: 20px; overflow:hidden; 
}
.latest-posts-tit-a { width: 100%;  }
.latest-posts-tit-a-inn { line-height: 20px; display: inline-block; }
.posts-verticallist-item { margin-bottom:20px;}
.posts-verticallist-main h2 { font-size:16px; line-height:20px; margin:10px 0 10px;}
.posts-verticallist-img img { width:100px; height:80px; float:left; margin-right:20px; }
.posts-verticallist-meta i { margin-right:10px;}

.latest-posts-tags {
    line-height: 20px; 
}
.latest-posts-tags a {
  display: inline-block; margin-left: 3px; margin-right: 3px; font-size: 12px; line-height: 20px; font-weight: normal;
}
.latest-posts-tit.text-left .latest-posts-tags a{
  margin-left: 0; margin-right: 6px; 
}

/*------------------------ 
  map
---------------------*/
.module-map-canvas img{ max-width:none; }
.module-map-canvas{ width:100%; margin:0px; padding:0px;}

/*------------------------ 
  Testminal new
---------------------*/
.testimonial-wrap{
  width: 70%; min-width: 260px; margin-left: auto; margin-right: auto; padding-bottom: 40px;
}
.testimonial-position{ padding:0 10px; }
.testimonial-wrap.flex-slider-wrap .flex-control-paging{
  bottom: 0px;
}
.testimonial-wrap .slides{
  min-height: 260px;
}
.testimonial-wrap blockquote{
  font-style: normal; border-left:none; text-align: center;
}
.testimonial-wrap blockquote cite{
  font-style: italic; font-weight: normal; margin-top: 20px; display: block;
}
.testimonial-thum{
  height: 140px; width: 140px; position: relative; left: 50%; margin-left: -70px; margin-bottom: 40px; text-align: center; 
}
.testimonial-thum-bg{
  border-radius: 70px; line-height: 140px; font-size: 60px; 
}
.testimonial-thum img{
  width: 100%; border-radius: 70px;
}
.testimonial-wrap blockquote{
  padding-left: 0;
}


/*------------------------ 
  Post Carousel
---------------------*/

.caroufredsel_wrapper{ position:relative;}
.post-carousel-wrap{position:relative;}
.post-carousel{ opacity:0;}
.post-carousel-item{ display:block; float:left; text-align:center; margin:0 10px; }
.post-carousel-item h1{ font-size:16px; line-height:20px; padding:10px 0; }
.post-carousel-item img{ width:100%; height:auto; }
.post-carousel-pagination{ width:100%; text-align: center; position:absolute; bottom:0px; left:0; padding:0 10px; }
.post-carousel{ padding-bottom:20px;}
.post-carousel-pagination a{ 
  display:inline-block; padding:6px; margin-left:8px; margin-right:5px; min-width:12px; border-radius:6px;  
  background-color:#fff; background-color:rgba(0,0,0,0.05); box-shadow:0 0px 2px rgba(0, 0, 0, 0.2);
}
.post-carousel-pagination a.selected{ 
   opacity: .6; box-shadow: 0px 0px 1px rgba(255,255,255,0.8);
}
.post-carousel-pagination a span{ display:none; }

/*------------------------ 
  Latest Twitter
---------------------*/
.twitter-wrap{ border-radius:5px; padding:20px; color:#fff; background-color: #6699FF; }
.twitter-wrap i{ position:absolute; font-size:48px; }
.twitter-wrap .flexslider{ margin-left:60px;}
.twitter-wrap .slides{ margin-bottom:20px;}
.twitter-wrap a{ color:#fff;}
.twitter-wrap .flex-direction-nav{ display:none;}
.twitter-wrap .flex-control-paging{ text-align:center; }
.twitter-wrap .flex-control-paging li{ display:inline-block; margin:0 5px;}
.twitter-wrap .flex-control-paging li a{ display:block; width:8px; height:8px; border-radius:4px; text-indent:-9999px; cursor:pointer; opacity:.5; background-color:#fff; }
.twitter-wrap .flex-control-paging li a.flex-active{ opacity:1; }


/*------------------------ 
  Button
---------------------*/

.ux-btn.ux-btn-small{ 
  height:29px; line-height:23px; font-size:12px; padding:0 5px;  
}
.ux-btn.ux-btn-big{ 
  height:60px; line-height:35px; font-size:16px; padding-left:25px; padding-right:25px; 
}
.ux-btn.btn-dark,
.ux-btn.btn-light{
  background:none !important;
}
.moudle .ux-btn.btn-light:hover{
  color:#eee;
}

/*------------------------ 
  FlexSlider
---------------------*/

.flex-slider-wrap { 
  position:relative;
}
.slide-wrap-ux .flexslider {
  overflow: hidden;
}
.flex-slider-wrap img { width:100%; height:auto; }
.flex-slider-wrap .flex-direction-nav { 
  z-index:99; position:absolute; left:0; top: 50%; height:40px; width: 100%; margin:-20px 0 0 0; 
}
.flex-slider-wrap .flex-direction-nav a{
  display:block; width:38px; height:40px;font-size:0; 
  background-color:#666; background-color: rgba(0,0,0,0.2);
} 
.no-touch .flex-slider-wrap .flex-direction-nav a{ 
  opacity:0; 
}
.flex-slider-wrap:hover .flex-direction-nav a{ 
  opacity:0.5; 
}
.flex-slider-wrap .flex-direction-nav a:hover {
  opacity: 1;
}
.flex-slider-wrap .flex-direction-nav a:before,
html * .ls-noskin .ls-nav-prev,
html * .ls-noskin .ls-nav-next,
body * .ls-noskin .ls-nav-prev,
body * .ls-noskin .ls-nav-next{ 
  display: block; float: left; text-align:center; content: ''; border:20px solid transparent; width: 0; height: 0;
  color:#ddd; 
}
.flex-slider-wrap .flex-direction-nav a.flex-next { 
  float:right; margin-top:-40px; 
}
.flex-slider-wrap .flex-direction-nav a.flex-next:before,
.ls-noskin .ls-nav-next{ 
  border-left-color: #ddd; 
}
.flex-slider-wrap .flex-direction-nav a.flex-prev:before,
.ls-noskin .ls-nav-prev{
  border-right-color: #ddd; 
}
.flex-slider-wrap .flex-control-paging{ 
  position:absolute; z-index:99; bottom:10px; width: 100%; text-align: center;
}
.flex-slider-wrap .flex-control-paging li{ 
  display:inline-block; margin:10px 5px 0;
}
.flex-slider-wrap .flex-control-paging li a{ 
  display:block; width:14px; height:14px; border-radius:7px; text-indent:-9999px; cursor:pointer; opacity:.6; 
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2) inset; background-color:#fff; 
}
.flex-slider-wrap .flex-control-paging li a.flex-active{ 
  opacity:0.2; box-shadow: 0px 0px 1px rgba(255,255,255,0.1) inset; background-color: #333;
}

/* Layered slider override */

html * .ls-noskin .ls-nav-prev,
html * .ls-noskin .ls-nav-next,
body * .ls-noskin .ls-nav-prev,
body * .ls-noskin .ls-nav-next{
  position: absolute; z-index: 999; top: 50%; left: 0; right: auto; margin-top: -30px;  display: block; 
  border:30px solid transparent!important; background-color:#666; background-color: rgba(0,0,0,0.2);
}
.ls-noskin .ls-nav-prev,
.ls-noskin .ls-nav-next{
  opacity: 0.5;  
}

html * .ls-noskin .ls-nav-next,
body * .ls-noskin .ls-nav-next{
  right: 0; left: auto; border-left-color: #ddd!important; 
}
html * .ls-noskin .ls-nav-prev,
body * .ls-noskin .ls-nav-prev{
  border-right-color: #ddd!important; 
}
.ls-noskin .ls-nav-next:hover,
.ls-noskin .ls-nav-prev:hover {
  opacity: 1;
}

/* Laest twitter */
.twitter-mod{
  position: relative; padding-top: 160px;
}
.twitter-mod:before{
  position: absolute; width: 140px; height: 140px; line-height: 140px; top:0; left: 50%; margin-left: -70px; text-align: center; border-radius: 70px;
  font-size: 84px; font-family:'FontAwesome'; content:"\f099";
}
.twitter-mod .kcontainer{
  text-align: center; 
}
.twitter-mod li.ktweet{
  position: relative; font-size: 16px;
}
.twitter-mod .kfooter,
.twitter-mod .kebo-tweets .ktweet .kmeta a.kdate{
  display: none; 
}
.twitter-mod .kebo-tweets .ktweet .ktext,
.twitter-mod .kebo-tweets .ktweet .kmeta{
  text-align: center; width: 100%;
}
.twitter-mod .kebo-tweets .ktweet .ktext{
  width: 70%; min-width: 260px; margin: 0 auto; padding-bottom: 40px;
}

.twitter-mod .kmeta{
  position: absolute; bottom: 0; text-align: center;
}
.twitter-mod .rslides_nav{
  position: relative; display: inline-block; text-indent: -9999px; width: 30px; height: 20px; margin-top: 20px;
}
.twitter-mod .rslides_nav:before{
  position: absolute; left: 0; top:0; text-indent: 0px; font-family:'FontAwesome'; content: "\f104"; font-size: 24px; 
}
.twitter-mod .rslides_nav.next:before{
  content: "\f105"; right: 0; left: auto;
}


/*------------------------  
  Load Animation 
---------------------*/

.no-touch .animation-default-ux,
.no-touch .animation-default-ux.animation-scroll-ux.fadeined,
.no-touch .animation-scroll-ux,
.no-touch .animation_hidden{ 
  opacity: 0; 
}
.animation-default-ux.fadeined,
.animation-scroll-ux.fadeined,
.touch .moudle_has_animation,
.touch .animation-default-ux,
.touch .animation-scroll-ux{
  opacity: 1!important;
}
.no-touch .animation-scroll-ux.zoomin{ 
  -webkit-transform: scale(0.1);
  -moz-transform: scale(0.1);
  -o-transform: scale(0.1);
  -ms-transform: scale(0.1);
  transform: scale(0.1);
}
.animation-scroll-ux.zoomin.zoomined{ opacity: 1!important;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.no-touch .animation-scroll-ux.from-left-translate{
  -webkit-transform: translate(-80px, 0px);
  -moz-transform: translate(-80px, 0px);
  -o-transform: translate(-80px, 0px);
  -ms-transform: translate(-80px, 0px);
  transform: translate(-80px, 0px);
}
.no-touch .animation-scroll-ux.from-right-translate{
  -webkit-transform: translate(80px, 0px);
  -moz-transform: translate(80px, 0px);
  -o-transform: translate(80px, 0px);
  -ms-transform: translate(80px, 0px);
  transform: translate(80px, 0px);
}
.no-touch .animation-scroll-ux.from-top-translate{
  -webkit-transform: translate(0px, -80px);
  -moz-transform: translate(0px, -80px);
  -o-transform: translate(0px, -80px);
  -ms-transform: translate(0px, -80px);
  transform: translate(0px, -80px);
}
.no-touch .animation-scroll-ux.from-bottom-translate{
  -webkit-transform: translate(0px, 80px);
  -moz-transform: translate(0px, 80px);
  -o-transform: translate(0px, 80px);
  -ms-transform: translate(0px, 80px);
  transform: translate(0px, 80px);
}
.animation-scroll-ux.from-left-translate.translated,
.animation-scroll-ux.from-right-translate.translated,
.animation-scroll-ux.from-top-translate.translated,
.animation-scroll-ux.from-bottom-translate.translated{ opacity: 1!important;
  -webkit-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}
.blog-wrap .animation-default-ux{
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
} 

.no-touch #top-slider .flex-active-slide .zoomin-ed{
-webkit-animation:zoomin .8s .2s cubic-bezier(0.500, 0.250, 0.600, 1.275)  both;
-moz-animation:zoomin .8s .2s cubic-bezier(0.500, 0.250, 0.600, 1.275)  both;
} 
@-webkit-keyframes zoomin{
0%{-webkit-transform:scaleX(0.1) scaleY(0.1);opacity:0;} 
100%{webkit-transform:scaleX(1) scaleY(1);opacity:1;}
}
@-moz-keyframes zoomin{
0%{-moz-transform:scaleX(0.1) scaleY(0.1);opacity:0;} 
100%{-moz-transform:scaleX(1) scaleY(1);opacity:1;} 
}
.no-touch #top-slider .flex-active-slide .zoomout-ed{
-webkit-animation:zoomout .8s .2s cubic-bezier(0.500, 0.250, 0.600, 1.275)  both;
-moz-animation:zoomout .8s .2s cubic-bezier(0.500, 0.250, 0.600, 1.275)  both;
} 
@-webkit-keyframes zoomout{
0%{-webkit-transform:scaleX(2.1) scaleY(2.1);opacity:0;} 
100%{webkit-transform:scaleX(1) scaleY(1);opacity:1;}
}
@-moz-keyframes zoomout{
0%{-moz-transform:scaleX(2.1) scaleY(2.1);opacity:0;} 
100%{-moz-transform:scaleX(1) scaleY(1);opacity:1;} 
}
.no-touch .animation-scroll-ux.flip-x-ed,
.no-touch #top-slider .flex-active-slide .flip-x-ed{
  -webkit-animation:flipInX 2.3s .7s ease both;
  -moz-animation:flipInX 2.3s .7s ease both;
}
@-webkit-keyframes flipInX{
0%{-webkit-transform:perspective(400px) rotateX(90deg);
opacity:0}
40%{-webkit-transform:perspective(400px) rotateX(-10deg)}
70%{-webkit-transform:perspective(400px) rotateX(10deg)}
100%{-webkit-transform:perspective(400px) rotateX(0deg);
opacity:1}
}
@-moz-keyframes flipInX{
0%{-moz-transform:perspective(400px) rotateX(90deg);
opacity:0}
40%{-moz-transform:perspective(400px) rotateX(-10deg)}
70%{-moz-transform:perspective(400px) rotateX(10deg)}
100%{-moz-transform:perspective(400px) rotateX(0deg);
opacity:1}
}
.no-touch .animation-scroll-ux.flip-y-ed,
.no-touch #top-slider .flex-active-slide .flip-y-ed{
  -webkit-animation:flipInY 2.3s .7s ease both;
  -moz-animation:flipInY 2.3s .7s ease both;
}
@-webkit-keyframes flipInY{
0%{-webkit-transform:perspective(400px) rotateY(90deg);
opacity:0}
40%{-webkit-transform:perspective(400px) rotateY(-10deg)}
70%{-webkit-transform:perspective(400px) rotateY(10deg)}
100%{-webkit-transform:perspective(400px) rotateY(0deg);
opacity:1}
}
@-moz-keyframes flipInY{
0%{-moz-transform:perspective(400px) rotateY(90deg);
opacity:0}
40%{-moz-transform:perspective(400px) rotateY(-10deg)}
70%{-moz-transform:perspective(400px) rotateY(10deg)}
100%{-moz-transform:perspective(400px) rotateY(0deg);
opacity:1}
}

.no-touch .animation-scroll-ux.bouncdein-down-ed,
.no-touch #top-slider .flex-active-slide .bouncdein-down-ed{
  -webkit-animation:bounceInDown 1s .2s ease both;
  -moz-animation:bounceInDown 1s .2s ease both;
}
@-webkit-keyframes bounceInDown{
0%{opacity:0;
-webkit-transform:translateY(-2000px)}
60%{opacity:1;
-webkit-transform:translateY(30px)}
80%{-webkit-transform:translateY(-10px)}
100%{-webkit-transform:translateY(0)}
}
@-moz-keyframes bounceInDown{
0%{opacity:0;
-moz-transform:translateY(-2000px)}
60%{opacity:1;
-moz-transform:translateY(30px)}
80%{-moz-transform:translateY(-10px)}
100%{-moz-transform:translateY(0)}
}
.no-touch .animation-scroll-ux.bouncdein-up-ed,
.no-touch #top-slider .flex-active-slide .bouncdein-up-ed{
  -webkit-animation:bounceInUp 1s .2s ease both;
  -moz-animation:bounceInUp 1s .2s ease both;
}
@-webkit-keyframes bounceInUp{
0%{opacity:0;
-webkit-transform:translateY(2000px)}
60%{opacity:1;
-webkit-transform:translateY(-30px)}
80%{-webkit-transform:translateY(10px)}
100%{-webkit-transform:translateY(0)}
}
@-moz-keyframes bounceInUp{
0%{opacity:0;
-moz-transform:translateY(2000px)}
60%{opacity:1;
-moz-transform:translateY(-30px)}
80%{-moz-transform:translateY(10px)}
100%{-moz-transform:translateY(0)}
}

.no-touch .animation-scroll-ux.bouncdein-left-ed,
.no-touch #top-slider .flex-active-slide .bouncdein-left-ed{
  -webkit-animation:bounceInLeft 1s .2s ease both;
  -moz-animation:bounceInLeft 1s .2s ease both;
}
@-webkit-keyframes bounceInLeft{
0%{opacity:0;
-webkit-transform:translateX(-2000px)}
60%{opacity:1;
-webkit-transform:translateX(30px)}
80%{-webkit-transform:translateX(-10px)}
100%{-webkit-transform:translateX(0)}
}
@-moz-keyframes bounceInLeft{
0%{opacity:0;
-moz-transform:translateX(-2000px)}
60%{opacity:1;
-moz-transform:translateX(30px)}
80%{-moz-transform:translateX(-10px)}
100%{-moz-transform:translateX(0)}
}

.no-touch .animation-scroll-ux.bouncdein-right-ed,
.no-touch #top-slider .flex-active-slide .bouncdein-right-ed{
  -webkit-animation:bounceInRight 1s .2s ease both;
  -moz-animation:bounceInRight 1s .2s ease both;
}
@-webkit-keyframes bounceInRight{
0%{opacity:0;
-webkit-transform:translateX(2000px)}
60%{opacity:1;
-webkit-transform:translateX(-30px)}
80%{-webkit-transform:translateX(10px)}
100%{-webkit-transform:translateX(0)}
}
@-moz-keyframes bounceInRight{
0%{opacity:0;
-moz-transform:translateX(2000px)}
60%{opacity:1;
-moz-transform:translateX(-30px)}
80%{-moz-transform:translateX(10px)}
100%{-moz-transform:translateX(0)}
}
.no-touch .animation-scroll-ux.rotate-downleft-ed,
.no-touch #top-slider .flex-active-slide .rotate-downleft-ed{
  -webkit-animation:rotateInDownLeft 1s .2s ease both;
  -moz-animation:rotateInDownLeft 1s .2s ease both;
}
@-webkit-keyframes rotateInDownLeft{
0%{-webkit-transform-origin:left bottom;
-webkit-transform:rotate(-90deg);
opacity:0}
100%{-webkit-transform-origin:left bottom;
-webkit-transform:rotate(0);
opacity:1}
}
@-moz-keyframes rotateInDownLeft{
0%{-moz-transform-origin:left bottom;
-moz-transform:rotate(-90deg);
opacity:0}
100%{-moz-transform-origin:left bottom;
-moz-transform:rotate(0);
opacity:1}
}
.no-touch .animation-scroll-ux.rotate-downright-ed,
.no-touch #top-slider .flex-active-slide .rotate-downright-ed{
  -webkit-animation:rotateInDownRight 1s .2s ease both;
  -moz-animation:rotateInDownRight 1s .2s ease both;
}
@-webkit-keyframes rotateInDownRight{
0%{-webkit-transform-origin:right bottom;
-webkit-transform:rotate(90deg);
opacity:0}
100%{-webkit-transform-origin:right bottom;
-webkit-transform:rotate(0);
opacity:1}
}
@-moz-keyframes rotateInDownRight{
0%{-moz-transform-origin:right bottom;
-moz-transform:rotate(90deg);
opacity:0}
100%{-moz-transform-origin:right bottom;
-moz-transform:rotate(0);
opacity:1}
}

/*PB7*/

/*Fullwrap Half*/
.row-fluid .fullwrap-half.span6 {
  position: relative; margin-bottom: 0; margin-left: 0!important; width: 50%!important; overflow: hidden; 
}
.row-fluid .fullwrap-half.span6.pull-right {
  float: right;
}
.fullwrap-half-content {
  padding-left: 20px; padding-right: 20px;
}

/*Icon box*/
.iocnbox.icon_right {
  position: relative; text-align: right; vertical-align: top;
}
.iocnbox.icon_right .icon_wrap {
  right: 0; min-width: 70px;  position: absolute; top: -10px;
}
.iocnbox.icon_right .icon_text {
    margin-right: 70px;
}
.iconbox-content-hide {
  position: relative; display: inline-block; overflow: hidden;
}
.iconbox-content-hide .icon_wrap {
  width: 100%; height: 100%; margin-bottom: 0; padding: 15px 40px; border-width: 1px; border-style: solid; border-color: #333; 
}
.iconbox-content-hide .icon_text {
  position: absolute; width: 100%; height: 100%; bottom: -100%; left: 0; padding-left: 20px; padding-right: 20px;
  background-color: #333; color:#fff;
}
.iconbox-content-hide:hover .icon_text {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.iconbox-hide-a {
  display: block; width: 100%; height: 100%;
}

/* Responsive */

@media (max-width: 768px) { 
  .responsive-ux .filters.onside { margin-bottom:39px; }
  .responsive-ux .filters.onside li { float:left; }
  .responsive-ux .filters.onside.onright li { margin-left:0; }
  .responsive-ux .filters.pull-right { margin-bottom:40px; }
  .responsive-ux .filters.pull-right[class*="span"], 
  .responsive-ux .row-fluid .filters.pull-right[class*="span"] { float:none;}
  .responsive-ux .iterlock-item-img .ux-hover-wrap { height: 200px;}
  .responsive-ux .liquid-title i { font-size: 24px; height: 24px; width: 24px; display: block; }
}

@media (max-width: 480px) { 
  .responsive-ux .row-fluid .fullwrap-half.span6 { width: 100%!important; }
  .responsive-ux .row-fluid .fullwrap-half.span6.pull-right { float: none; }
  .responsive-ux .blog-item-img { width:100%; float:none; margin-right:0; height:auto; }
  .responsive-ux .liquid-more { padding: 0 20px; }
  .responsive-ux .progress_bars_with_image_content .bar { width: 35px; }
  .responsive-ux .progress_bars_with_image_content i { font-size: 36px; }
  .responsive-ux .iterlock-item-img .ux-hover-wrap { height: 140px; }
  .responsive-ux .moudle { margin-bottom: 20px; }
  .responsive-ux .text_block.withbg { padding: 20px; }
  .responsive-ux .bottom-space-20 { margin-bottom: 10px; }
  .responsive-ux .bottom-space-40 { margin-bottom: 20px; }
  .responsive-ux .bottom-space-60 { margin-bottom: 30px; }
  .responsive-ux .bottom-space-80 { margin-bottom: 40px; }
  .responsive-ux .top-space-40 { margin-top: 20px;}
  .responsive-ux .bottom-space-40-in { padding-bottom: 20px; }
  .responsive-ux .top-space-80-in { padding-top: 40px; }
  .responsive-ux .flip_wrap_back_con h2,
  .responsive-ux .liquid-title,
  .responsive-ux .item_title,
  .responsive-ux .infrographic h1,
  .responsive-ux .image-box h1,
  .responsive-ux .post-carousel-item h1,
  .responsive-ux .latest-posts-titm,
  .responsive-ux .iterlock-caption h2 { font-size: 16px; line-height: 20px; }
  .responsive-ux .liquid-title{ padding: 20px 40px 20px 20px; }
  .responsive-ux .liquid-body,
  .responsive-ux .promote-wrap { padding: 20px; }
  .responsive-ux .item_title { padding: 5px 10px; }
  .responsive-ux .item-des-p { padding: 0 10px 10px; }
  .responsive-ux .team-item-con-h { display: none; }
  .responsive-ux .carousel-btn { float: none; margin-top: 0; }
  .responsive-ux .standard-blog-gallery a { width: 40px; height: 40px; }
  .responsive-ux .standard-blog-gallery { margin-top: 15px; }
  .responsive-ux .blog-item-main h2 { font-size: 24px; margin-bottom: 20px; }
  .responsive-ux .date-block { margin-bottom: 20px; }
  .responsive-ux .iterlock-caption { padding: 10px; }
  .responsive-ux .separator,
  .responsive-ux .separator.height-20 { height:10px; }
  .responsive-ux .separator.height-40 { height:20px; }
  .responsive-ux .separator.height-60 { height:30px; }
  .responsive-ux .separator.height-80 { height:50px; }
  .responsive-ux .separator.text-center .separator_inn { width: 10%; }
  .responsive-ux .separator.text-center h4 { padding-left: 10px; }
  .responsive-ux .separator h4 { padding-right: 10px; }
}