html { height: 100%; font: 62.5%/1.5 Arial, Helvetica, sans-serif; }
body { font: 1em; height: 100%; min-width: 980px; background-color: #fff; color: #43484B; position: relative; }

/* Common Styles */
#wrapper { min-height: 100%; height: auto !important; height: 100%; }
.inner { margin: 0 auto; width: 980px; }   /* 1060 */

/* Header ------------------------------------------------------------------ */
#header { background: none; }
#header .inner { position: relative; }
#header .logo { width: 115px; height: 36px; background: none; margin: 5px 20px 0 0px; line-height: 36px; }
#header .logo a { 
    display: block; width: 115px; height: 36px; text-decoration: none !important;
    background: url(/new-way/img/logo.png) no-repeat 0 0; background-size: contain;
    text-indent: -100000px;
}

#header .account_panel { background-color: #eeeeee; border-bottom: 1px solid #eeeeee; line-height: 30px; font-size: 13px; font-family: "Raleway", Arial, sans-serif; }
#header .account_panel .inner { width: 90%; min-width: 960px; }
#header .account_panel a, #header .account_panel span { color: #444444; text-decoration: none; font-size: 14px; font-weight: bold; }
#header .account_panel a:hover { text-decoration: underline }

#header .account_panel .h_phone { float: right; margin-right: 28px; }
#header .account_panel .h_phone a { font-size: 13px; font-weight: normal; text-decoration: none !important; position: relative; display: inline-block; }
#header .account_panel .h_phone a:before {
    content:''; display: inline-block; width: 20px; height: 20px; margin-right: 7px;
    background: url(/images/icons/phone-call3.png) no-repeat 0 0; background-size: contain;
    position: relative; top: 6px; opacity: 0.9;
}
#header .auth_info { font-size: 1.2em; color: #fff; float: right; margin-left: 20px; }
#header .auth_info span { padding: 0 5px 0 0; font-size: 14px; font-weight: normal; }
#header .account_menu { font-size: 1.4em; float: right; }
#header .account_menu li { display: inline-block; padding: 0 10px; }
#header .account_menu li a { color: #97E5FF; }
#header .account_menu li a:hover { color: #DFF7FF; }
#header .account_menu li.selected { padding: 0 0px; border-width: 0px 1px; border-style: solid; border-color: #6E828B; background: url(../images/template/account_menu_bg.gif) repeat-x;  }
#header .account_menu li.selected a { color: #FFFFFF; font-weight: bold; display: inline-block; padding: 0 10px; border-width: 0px 1px; border-color: #2C3B42; border-style: solid; }
#header .account_menu li.selected a:hover { text-decoration: none; }

#header .advanced_menu { background: #f7f7f7; border-bottom: 1px solid #eeeeee; z-index: 15; position: relative; }
#header .advanced_menu .logo { margin: 10px 0 10px 0px; background: url(../images/template/logo.png) no-repeat; width: 160px; height: 50px; float: left; }
#header .advanced_menu .logo a { display: block; width: 160px; height: 50px; }
#header .advanced_menu .logo .navbar-toggle { display: none; }
.main_nav { float: right; margin: 23px 0 0 10px; }
.main_nav li { display: inline-block; }
.main_nav a { text-transform: uppercase; font-size: 14px; color: rgb(136, 136, 136); line-height: 2; display: block; margin: 0 7px; }
.main_nav a.selected, .main_nav a.selected:hover {
    color: rgb(136, 136, 136); text-decoration: underline;
}
#header .h_menu { position: absolute; bottom: 0; right: 0; }

#header .lang_switch { margin: 0 0 0 25px; float: right; font-weight: normal; }
#header .lang_switch li { position: relative; display: block; padding: 0; }
#header .lang_switch li a { display: block; text-decoration: none; }

#header .lang_switch .current_lang { 
    display: block; height: 31px; padding: 0 10px 0 20px; 
    border-left: 1px solid transparent; border-right: 1px solid transparent;
}
#header .lang_switch .current_lang a {
    display: block; position: relative; line-height: 30px; text-transform: uppercase;
    text-align: right; font-size: 14px; font-weight: normal; padding-right: 20px;
    background: url(/images/indexpage/lang_arrow.png) no-repeat right center;
}
#header .lang_switch:hover .current_lang { background-color: #ffffff; border-color: #eeeeee; }
#header .lang_switch:hover .current_lang a {
    color: #444444; background-image: url(/images/indexpage/lang_arrow.png);
    text-decoration: none;
}
#header .lang_switch ul {
    display: none; position: absolute; z-index: 80; top: 100%; right: 0;
    background-color: #ffffff; border: 1px solid #eeeeee; border-top: 0;
}
#header .lang_switch:hover ul { display: block; transition: all .3s ease-out; }

#header .lang_switch ul a { 
    line-height: 36px; position: relative; padding-left: 35px; padding-right: 30px; 
    color: #424242; font-size: 13px; font-weight: normal; text-transform: none; text-align: left;
}
#header .lang_switch ul a:hover { text-decoration: none; background-color: #ededed; color: #424242; }
#header .lang_switch ul a:after { content: ''; display: block; width: 16px; height: 11px; position: absolute; left: 10px; top: 50%; margin-top: -5px; }
#header .lang_switch ul a.icon_ae:after { background: url(/images/languages/ae.png) no-repeat 0 0; }
#header .lang_switch ul a.icon_en:after { background: url(/images/languages/en.png) no-repeat 0 0; }
#header .lang_switch ul a.icon_es:after { background: url(/images/languages/es.png) no-repeat 0 0; }
#header .lang_switch ul a.icon_id:after { background: url(/images/languages/id.png) no-repeat 0 0; }
#header .lang_switch ul a.icon_it:after { background: url(/images/languages/it.png) no-repeat 0 0; }
#header .lang_switch ul a.icon_ru:after { background: url(/images/languages/ru.png) no-repeat 0 0; }
#header .lang_switch ul a.icon_tr:after { background: url(/images/languages/tr.png) no-repeat 0 0; }
#header .lang_switch ul a.icon_cn:after { background: url(/images/languages/cn.png) no-repeat 0 0; }

#header .dropdown, #header .dropdown:hover { color: #bababa; text-decoration: none; height: 30px; }
#header .caret { border-top: 5px solid #444444; border-right: 5px solid transparent; border-left: 5px solid transparent; }
#header .dropdown .caret { margin: 13px 0 0 5px; }
#header .dropdown .dropdown-toggle { 
    display: block; text-decoration: none !important; position: relative; top: 0; height: 31px;
    border: 1px solid transparent; border-top: 0; padding: 0 12px 0 17px; z-index: 85;
}
#header .dropdown .dropdown-toggle span {   
    display: inline-block; max-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    background: url(/images/indexpage/lang_arrow.png) no-repeat right center; padding-right: 20px;
}
#header .dropdown:hover .dropdown-toggle span { color: #444444; background-image: url(/images/indexpage/lang_arrow.png); }

#header .dropdown:hover .dropdown-toggle,
#header .dropdown .dropdown-toggle:hover,
#header .dropdown.open .dropdown-toggle { background-color: #ffffff; border-color: #eeeeee; border-bottom-color: #ffffff; }

#header .dropdown-menu {
    z-index: 80;
    margin: 0; padding: 0; border-color: #eeeeee; min-width: 180px; top: 100%; display: none;
    -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;
    -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;
}
#header .dropdown:hover .dropdown-menu { display: block; }

#header .dropdown-menu > li  { padding: 0; display: block; white-space: nowrap; }
#header .dropdown-menu > li > a { display: block; padding: 0 10px; line-height: 32px; }
#header .dropdown-menu > li > a:hover, 
#header .dropdown-menu > li > a:focus { background-color: #ededed; background-image: none; }

#header .dropdown-submenu:hover > a, 
.dropdown-submenu:focus > a { background-color: #FFF; background-image: none; }

#header .dropdown-menu, .navbar .nav > li > .dropdown-menu.pull-right { right: 0; left: auto; }
#header .dropdown-menu > li.menu-item { padding-left: 40px; }
#header .dropdown-menu > li.menu-item > ul.sub-menu { display: none; }

#header .account_panel .dropdown-menu li { line-height: 32px; }
#header .account_panel .dropdown-menu a { 
    color: #444444; font-weight: normal; text-decoration: none; font-size: 13px; position: relative;
    display: block; padding: 0 20px; line-height: 36px; background-image: none;
}
#header .account_panel .dropdown-menu a:hover { color: #444444; text-decoration: none; background-color: #ededed; }

/* app_panel */
#header .app_panel { line-height: 49px; height: 49px; background-color: #f7f7f7; border-bottom: 1px solid #d9d9d9; font-family: "Raleway", Arial, sans-serif; }
#header .is-sticky .app_panel { z-index: 20; }

#header .app_panel .inner { color: #444444; font-size: 14px; }
#header .app_panel .auth_info { font-size: 14px; margin: 0; }
#header .app_panel .auth_info span { font-size: 14px; font-weight: normal; }
#header .app_panel .dropdown { height: 49px; }
#header .app_panel .dropdown .caret { margin: 21px 0 0 5px; }
#header .app_panel .dropdown .dropdown-toggle { height: 49px; }
#header .app_panel .dropdown:hover .dropdown-toggle,
#header .app_panel .dropdown .dropdown-toggle:hover,
#header .app_panel .dropdown.open .dropdown-toggle,
#header .app_panel .dropdown-menu { border-color: #d9d9d9; }
#header .app_panel .dropdown:hover .dropdown-toggle,
#header .app_panel .dropdown .dropdown-toggle:hover,
#header .app_panel .dropdown.open .dropdown-toggle { border-bottom-color: #ffffff; }

.filter_tab { float:right; padding-top: 7px; position: relative; z-index: 10; margin-top: 11px; }
.filter_tab ul { list-style: none; margin: 0; padding: 0; overflow: hidden;}
.filter_tab li { display: inline-block; margin: 0; float: left; font-size: 14px; padding: 0 11px;  color: #75858B; border-right: 1px solid #c0c0c0; }
.filter_tab li:last-child { border-right: 0px; padding-right: 0; }
.filter_tab li:first-child { padding-left: 0; }
.filter_tab a { color: #3291D3; display: inline-block; line-height: 16px; text-decoration: none; }
.filter_tab a:hover, .filter_tab a.active { color: #75858B; }

.filter_tab.onInnerPages { position: absolute; right: 0; top: -38px; padding: 0; margin: 0; }
.filter_tab.onInnerPages li { font-size: 13px; }

/* Middle ------------------------------------------------------------------ */
#content { padding: 20px 0 50px; }

#content .left_column { width: 220px; margin: 0; float: left; }
#content .right_column { width: 250px; margin: 0; float: right; margin-left: -250px; }

#content .main_column { padding-left: 60px; font-size: 1.4em; }
#content .main_column2 { margin: 0 280px 0 0px; font-size: 1.4em; }
#content .single_column { font-size: 1.4em; text-align: left; position: relative; }
#content .single_column .main_column, #content .single_column .main_column2 { font-size: 1em !important; }

.table-body { display: block; margin: 0 -15px; box-sizing: border-box; font-size: 14px; }
.table-body * { box-sizing: border-box; }
.table-body .table-cell-left,
.table-body .table-cell-right { padding: 0 15px; vertical-align: top; float: left; }
.table-body .table-cell-left { width: 72%; }
.table-body .table-cell-right { width: 28%; }
.table-body .table-cell-right > div { max-width: 250px; margin: 0 0 30px; margin-left: auto; }

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
    margin-bottom: 30px;
}
.videoWrapper iframe,
.videoWrapper embed,
.videoWrapper object {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Footer ------------------------------------------------------------------ */
.footer { 
    font-family: 'Raleway', sans-serif; font-size: 14px; font-weight: 400; 
    background-color: #273136; color: #aaaaaa; z-index: 10; position: relative; padding: 10px 20px;
}
.footer > .container, .footer .inner { width: 1126px; position: relative; }
.footer .f_sitemap { margin: 0; text-align: left; overflow: hidden; padding: 20px 0; }
.footer .f_sitemap .sitemap_item { display: inline-block; float: left; vertical-align: top; text-align: left; width: 16%; position: relative; padding-bottom: 20px; }
.footer .f_sitemap .sitemap_item:nth-child(1) { width: 23%; }
.footer .f_sitemap .sitemap_item:nth-child(3) { width: 20%; }
.footer .f_sitemap .sitemap_item.copy_sect { width: 20%; font-size: 13px; }
.footer .f_sitemap h5 { color: #ffffff; font-size: 15px; line-height: 20px; font-weight: 700; margin: 0; padding: 11px 0 30px; text-transform: uppercase; font-family: 'Raleway', sans-serif; }
.footer .f_sitemap ul li { display: block; margin-bottom: 10px; line-height: 1.2; padding-right: 15px; }
.footer ul.columns {
    width: 100%;
    -moz-column-count: 2;
    -moz-column-width: 50%;
    -moz-column-gap: 8px;
    -webkit-column-count: 2;
    -webkit-column-width: 50%;
    -webkit-column-gap: 8px;
    column-count: 2;
    column-width: 50%;
    column-gap: 8px;
}
ul.columns { column-width: 190px; }

.footer a { color: #aaaaaa; }
.footer a:hover { color: #ffffff; text-decoration: none; }

.footer .f_logo {
    display: block;
    background: url(/images/indexpage/logo_iba_white.png) no-repeat 0 0;
    background-size: contain;
    width: 130px; height: 38px;
    position: relative; margin-bottom: 22px;
}

.footer .copyright-info { padding: 18px 0 5px; text-align: left; font-size: 13px; border-top: 1px solid rgba(255,255,255,0.2); }
.footer .copyright-info > div { display: inline-block; padding-right: 50px; }

.footer .social { text-align: right; float: right; position: relative; top: 0; }
.footer .social > a { display: inline-block; width: 20px; height: 20px; margin-left: 18px; }
.footer .social > a > img { max-width: 100%; }
.footer .social > a > svg { fill: #aaaaaa; }
.footer .social > .i_f:hover > svg { fill: #3b5998; }
.footer .social > .i_t:hover > svg { fill: #00acee; }
.footer .social > .i_y:hover > svg { fill: #c4302b; }
.footer .social > .i_v:hover > svg { fill: #86c9ef; }

/* fb parser list for market */
ul.ui-autocomplete.ui-menu { width: 187px !important; border-color: rgba(0,0,0,0.1); }
.ui-corner-all, .ui-corner-left, .ui-corner-right {
    -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important;
}
ul.ui-autocomplete { max-height: 208px; overflow-y: auto; width: 240px !important; }
.ui-widget-content { background: #FFF; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    background: #6ABEE1; color: #FFF; border: 0px;
}
.ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active { margin: 0px; }
.ui-menu .ui-menu-item { border-bottom: 1px solid rgba(0,0,0,0.2); cursor: pointer; padding: 0px; margin: 0 2px; }
.ui-menu .ui-menu-item:last-child { border: 0px; }
.ui-menu .ui-menu-item a {
    text-decoration: none; display: block; padding: 0; line-height: 1.5; font-size: 12px !important; font-family: Arial !important;
}
.ui-menu .ui-menu-item a:hover { background-color: transparent; }
span.item-name { display: block; color: #444; padding: 0.2em 0.4em 0; }
span.item-category { display: block; color: #B0B0B0; padding: 0 0.4em 0.2em; }

.ui-state-hover span.item-name, .ui-state-hover span.item-category,
.ui-widget-content  .ui-state-hover span.item-name, .ui-widget-content  .ui-state-hover span.item-category {
    background: #6ABEE1 !important; color: #FFF; text-decoration: none !important;
}
.ui-autocomplete {
    position: absolute;
    cursor: default;
}