@media (min-width: 1200px) {
.col-lg-offset-2{margin-left:16.66666667%}
.col-lg-offset-4{margin-left:33.33333333%}
}
.tooltip{position:relative;}
.tooltip:after{background:#333;background:rgba(0,0,0,.8);border-radius:5px;bottom:26px;color:#fff;content:attr(aria-label);left:-50%;padding:0px 10px;position:absolute;z-index:98;width:auto;border-width:5px;border-style:solid;border-color:black transparent transparent transparent;text-align:center;font-size:12px; line-height:16px;min-width:150px!important;visibility:hidden;opacity:0;-webkit-transition:all .5s linear;-moz-transition:all .5s linear;-o-transition:all .5s linear;-ms-transition:all .5s linear;transition:all .5s linear;}
.tooltip:hover:after{visibility:visible;opacity:1;}
.tooltip:before{border:solid;border-color:#333 transparent;border-width:6px 6px 0 6px;bottom:20px;content:"";left:50%;position:absolute;z-index:99;visibility:hidden;opacity:0;-webkit-transition:all .5s linear;-moz-transition:all .5s linear;-o-transition:all .5s linear;-ms-transition:all .5s linear;transition:all .5s linear;}
.tooltip:hover:before{visibility:visible;opacity:1;}
.back_red{background:#f9857a;}
.padding_10{padding:10px;}
.pull-right{float:right!important}
.clr{ clear:both;}
.red_color{color:#C50103;}
.text-left{text-align:left;}
.text-right{ text-align:right;}
.btn-small{background:#E8E8E8; display:inline-block; padding:4px 10px; font-size:14px; border:none;}
.btn-small:hover{background:#F2F2F2; cursor:pointer;}
.select_clear{background:transparent;border:none;padding:0px; font-size:14px;}
.padding_left_5{padding-left:5px;}
.padding_right_5{padding-right:5px;}
.cp-control{ width:100%; display:block; border:1px solid #CCCCCC; height:24px; padding:2px 5px; font-family:Arial, Helvetica, sans-serif;}
textarea.cp-control{ height:auto;}
.back_none{ background:none!important;}
.msg_box{}
.nego_newhead{ background:#EFEFEF; margin-top:0px; color:#666666; font-weight:bold; padding:6px 10px; font-size:24px;}
.negstock_box{background:#EFEFEF; padding:5px;}
.negstock_box > h3{margin:5px; font-size:18px; font-weight:bold; color:#666666;}
.negstock_box > ul{background:#FFFFFF; padding:10px; margin-top:10px;}
.negstock_box > ul > li{font-size:18px; border-bottom:4px solid #E8E8E8; padding-bottom:5px; margin-bottom:5px;}
.negstock_box > ul > li > strong{ display:block; text-align:right;}
.negstock_box > ul > li:last-child{ border:none; padding:0px; margin:0px;}
.negostp_back{background:#EFEFEF; color:#666666; font-weight:bold; padding:5px;}
.negostp_back > span{ float:right;}
.negostp_txt{ line-height:32px;}
.question{background:#B7B7B7; color:#FFFFFF; cursor:pointer; width:22px; height:22px; text-align:center; border-radius:50%; display:inline-block;}
.question:after{font-weight:normal;}
.nego_nav{background:#F2F3F5; border:1px solid #CCCCCC; margin-bottom:0px; list-style:none; padding:0px;}
.nego_nav > li{float:left; border-right:1px solid #CCCCCC;}
.nego_nav > li > a{display:inline-block; padding:5px 19px; color:#333333; font-size:14px; text-decoration:underline; -webkit-transition:all .5s linear;-moz-transition:all .5s linear;-o-transition:all .5s linear;-ms-transition:all .5s linear;transition:all .5s linear;}
.nego_nav > li > a:hover, .nego_nav > li > a.active{ background:#4A66AF; color:#FFFFFF;}
.nego_selclr{border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; padding:5px;}
.order_comtxt{background:#666666; margin-bottom:10px; color:#FFFFFF; font-weight:bold; padding:5px 5px 5px 20px;}
.order_comtxt > strong{ width:40%; float:right; text-align:right; background:#FFFFFF; color:#CC0000; padding-right:10px;}

.btn-back{background-image:linear-gradient(#F2F2F2 , #E8E8E8); border:1px solid #CCCCCC; font-size:24px; display:inline-block; padding:10px 30px; border-radius:5px;}
.btn-back:hover{background-image:linear-gradient(#E8E8E8, #F2F2F2);}
.btn-next{background:#4A66AF; color:#FFFFFF; border:1px solid #CCCCCC; font-size:24px; display:inline-block; padding:10px 30px; border-radius:5px;}

.negos_list{width:100%; display:table; margin-bottom:10px;}
.negos_list > div{display:table-cell; vertical-align:top; border:1px solid #E8E8E8; padding:5px; font-size:13px; line-height:20px;}
.negos_list > div.one_list{width:12%;}
.negos_list > div.two_list{width:28%;}
.negos_list > div.three_list{width:50%;}
.negos_list > div.four_list{width:10%;}
.list_ordhead{font-size:20px;}
.list_ordhead > span{font-size:12px; font-style:italic;}
.two_list, .three_list, .four_list{border-left:none!important;}
.negol_header{background:#F2F3F5; border:1px solid #E8E8E8;}
.negol_header > div{ border:none; text-align:center;}
.negolist_icon{ border-bottom:1px solid #E8E8E8; margin-bottom:5px; padding:0px;}
.negolist_icon > li{display:inline-block; width:16%; text-align:center; padding-bottom:5px; padding-top:10px;}
.negolist_icon > li > label{font-weight:normal; margin:0px; height:52px; position:relative; width:100%; display:block;}
.negolist_icon > li > label > span{ position:absolute; top:0px; bottom:0px; left:0px; right:0px; margin:auto;}
.negoorder{border:3px solid #EFEFEF; margin-bottom:20px;}
.negostk_first{width:20%; float:left;}
.negostk_second{width:80%; float:left; border-left:3px solid #EFEFEF;}
.negostk_detail{}
.negostk_detail > h4{font-size:12px; margin:10px 5px;}
.negostk_detail > div > a{text-decoration:underline; font-size:14px;}
.negostk_detail > h3{font-size:14px; margin:5px;}
.negostk_detail > ul{ border-top:1px solid #E6E7EA; border-bottom:1px solid #E6E7EA;}
.negostk_detail > ul > li{width:100%; display:table;}
.negostk_detail > ul > li > span, .negostk_detail > ul > li > strong{display:table-cell; vertical-align:middle; padding:5px; font-size:13px; line-height:18px; font-weight:normal;}
.negostk_detail > ul > li > span{background:#E6E7EA; border-bottom:1px solid #FFFFFF; width:40%;}
.negostk_detail > ul > li > strong{ width:60%;}
.negostk_detail > ul > li:last-child > span, .negostk_detail > ul > li:last-child > strong{ border-bottom:none;}
.negostk_detail > ul > li > strong{border-bottom:1px solid #E6E7EA;}

.nego_proulli{ clear:both;}
.nego_proulli > li{padding:6px 0px 6px 35px; background:#E6E7EA; color:#666666; position:relative; border-top:1px solid #E6E7EA; border-bottom:1px solid #E6E7EA; float:left; width:20%; font-weight:bold; font-size:14px; line-height:18px;}
.nego_proulli > li > span{display:block; text-transform:uppercase;}
.nego_proulli > li:before{content:''; border-left:15px solid #666666; border-top:24px solid transparent; border-bottom:24px solid transparent; position:absolute; top:0; left:0;}
.nego_proulli > li:after{content:''; border-left:15px solid #E6E7EA; border-top:24px solid transparent; border-bottom:24px solid transparent; position:absolute; top:0; left:100%; z-index:20;}
.nego_proulli > li:first-child:before{border:none;}
.nego_proulli > li:last-child:after{border:none;}
.nego_proulli > li.active{background:#CDCFD6; color:#FFFFFF;}
.nego_proulli > li.active:after{border-left-color:#CDCFD6;}

.negobf_order{width:100%; display:table;}
.negobf_order > div{display:table-cell; vertical-align:top; border-right:1px solid #E8E8E8; border-top:2px solid #EFEFEF;}
.negobf_order > div:last-child{ border-right:none;}
.negobf_order > div.negobf_one{width:40%;}
.negobf_order > div.negobf_two{width:40%;}
.negobf_order > div.negobf_three{width:20%;}
.negobf_order > div > h3{ background:#E6E7EA; color:#666666; font-weight:bold; padding:3px 10px; margin-top:0px; margin-bottom:10px; font-size:14px;}
.negobf_na{border-top:2px solid #EFEFEF; border-bottom:2px solid #EFEFEF; width:100%; display:table;}
.negobf_na > div{display:table-cell; vertical-align:middle; padding:20px 0px 20px 20px;}
.negobf_na > div.negobfna_one{width:15%; background:#CDCFD6; font-size:28px; line-height:30px; color:#666666; font-weight:bold; position:relative;}
.negobf_na > div.negobfna_one:after{left:100%; top:50%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; border-color:rgba(136, 183, 213, 0); border-left-color:#CDCFD6; border-width:15px; border-top-width:50px; border-bottom-width:50px; margin-top:-50px;}
.negobf_na > div.negobfna_two{width:40%;}
.negobf_na > div.negobfna_three{width:40%; background:#FFFEE8;}
.last_ordrit{padding:20px; color:#666666;}
.last_ordrit > button{font-weight:bold; font-size:24px; display:inline-block; padding:15px 50px; border-radius:5px; border:none; margin-right:10px; background:#4A66AF; color:#FFFFFF; float:left;}
.last_ordrit > button.deactivate{background:#9BA0AE; color:#CDCFD6; cursor:auto;}
.negobf_payd{padding:10px;}
.negobf_payd > div{margin-bottom:10px; font-size:12px; line-height:16px;}
.negobf_payd > div:first-child{ padding:5px; background:#FFFEE8;}
.negobf_payd > div > span{ display:block; color:#999999; margin-bottom:5px;}
.negobf_total{font-size:12px; line-height:18px;}
.negobf_total > li{border-bottom:1px dotted #E8E8E8; padding:4px 0px;}
.negobf_total > li:first-child{font-size:16px; border-bottom:none;}
.negobf_total > li:nth-child(2){border-bottom:none;}
.negobf_total > li > span{display:inline-block; width:45%; text-align:right; padding-right:20px; vertical-align:top;}
.negobf_total > li > strong{display:inline-block; width:54%; font-weight:normal;}
.negobf_total > li > strong > ul > li{ line-height:16px;}
.negobf_total > li > strong > ul > li > span{ display:inline-block; width:40%;}
.delvry_opt{padding:5px; border-bottom:1px dotted #E8E8E8;}
.del_cap{font-weight:bold; font-size:12px; color:#666666; line-height:16px;}
.del_dtl{font-size:12px; line-height:16px;}

.nego_stkinfo{border:1px solid #E8E8E8; margin-bottom:20px; background:#F6F6F6;}
.negostk_dtl{background:#FFFFFF; padding:20px; font-size:12px; line-height:18px;}
.negostk_dtl h2{ margin:0px; font-size:14px; font-weight:bold; margin-bottom:5px;}
.negocnt_dtl{padding:20px;}
.negocnt_dtl > h2{margin-top:0px; font-size:24px; margin-bottom:10px; font-weight:bold;}
.negocnt_dtl > h2 > span{ font-weight:normal;}

.nego_process{float:left; width:14.28%; text-align:center; font-size:13px; line-height:16px; margin-bottom:10px; background:url(../images/arrow-right.png) center right no-repeat;}
.nego_process > label{height:52px; display:block; position:relative;}
.nego_process > label > span{position:absolute; top:0px; bottom:0px; left:0px; right:0px; margin:auto;}

.nego_processcp{float:left; width:12.50%; text-align:center; font-size:12px; margin-bottom:10px; background:url(../images/arrow-right.png) center right no-repeat;}
.nego_processcp > label, .nego_processcp > a > label{height:52px; display:block; position:relative;}
.nego_processcp > label > span, .nego_processcp > a > label > span{position:absolute; top:0px; bottom:0px; left:0px; right:0px; margin:auto;}
.nego_processcp > a{color:#333333;}

.tempa_head{width:100%; display:table; background:#E6E7EA; color:#666666;}
.tempa_head > div{display:table-cell; vertical-align:top; padding:5px;}
.tempa_dtl{width:100%; display:table; border-left:1px solid #E8E8E8;}
.tempa_dtl > div{display:table-cell; vertical-align:top; padding:5px; font-size:14px; line-height:20px; border-bottom:1px solid #E8E8E8; border-right:1px solid #E8E8E8;}
.tempa_dtl > div a{text-decoration:underline;}
.tem_one{width:5%;}
.tem_two{width:30%;}
.tem_three{width:50%;}
.tem_four{width:15%;}


.negopro_box{border:3px solid #EFEFEF; padding:10px; margin-bottom:20px;}
.negomsg_box{background:#E8E8E8; border:1px solid #CCCCCC; padding:10px 20px; border-radius:5px;}
.msg_first{border-bottom:1px solid #CCCCCC; margin-bottom:10px; font-size:14px;}
.negomsg_info{background:#FFFFFF; padding:10px; margin-bottom:10px;}
.negobuyer_msg{margin-bottom:15px; border:1px solid #E8E8E8; padding:10px; font-size:14px; line-height:20px;}
.negodealer_msg{margin-bottom:15px; border:1px solid #CCCCCC; background:#E8E8E8; padding:10px; font-size:14px; line-height:20px;}

.star_back{background:#EFEFEF; color:#666666; margin-bottom:10px;}
.star_back > h3{margin:0px; margin-bottom:5px; background:#666666; color:#FFFFFF; font-weight:bold; font-size:16px; padding:5px;}
.star_back > p{font-size:13px; padding:5px; margin:0px; font-weight:normal;}
.star_back > p > strong{color:#CC0000; font-size:20px; margin-left:5px;}

.fa-ng{background:url(../images/sprite-negotiations.png) 0 0 no-repeat; position:relative; display:inline-block;}
.fa-ng-nego{background-position:-2px -3px; width:42px; height:40px;}
.fa-ng-nego-active{background-position:-2px -116px; width:41px; height:41px;}
.fa-ng-nego-done{background-position:-2px -54px; width:48px; height:48px;}
.fa-ng-rpi{background-position:-51px -3px; width:38px; height:40px;}
.fa-ng-rpi-active{background-position:-52px -113px; width:38px; height:40px;}
.fa-ng-rpi-done{background-position:-53px -50px; width:52px; height:52px;}
.fa-ng-order{background-position:-150px -3px; width:39px; height:39px;}
.fa-ng-order-active{background-position:-150px -114px; width:39px; height:39px;}
.fa-ng-order-done{background-position:-157px -51px; width:50px; height:52px;}
.fa-ng-payment{background-position:-201px -2px; width:36px; height:40px;}
.fa-ng-payment-active{background-position:-201px -113px; width:36px; height:40px;}
.fa-ng-payment-done{background-position:-211px -50px; width:48px; height:52px;}
.fa-ng-document{background-position:-99px -3px; width:40px; height:40px;}
.fa-ng-document-active{background-position:-99px -114px; width:40px; height:40px;}
.fa-ng-document-done{background-position:-106px -50px; width:50px; height:52px;}
.fa-ng-receive{background-position:-246px -4px; width:40px; height:40px;}
.fa-ng-receive-active{background-position:-246px -114px; width:40px; height:40px;}
.fa-ng-receive-done{background-position:-264px -50px; width:40px; height:52px;}
.fa-ng-shipping{background-position:-300px -2px; width:28px; height:42px;}
.fa-ng-shipping-active{background-position:-300px -113px; width:28px; height:42px;}
.fa-ng-shipping-done{background-position:-311px -51px; width:36px; height:51px;}
.fa-ng-upload{background-position:-401px -1px; width:42px; height:35px;}
.fa-ng-upload-active{background-position:-401px -115px; width:42px; height:36px;}
.fa-ng-upload-done{background-position:-401px -55px; width:50px; height:48px;}
.fa-star{background-position:-28px -162px; width:16px; height:16px;}
.fa-star:hover, .fa-star-active{background-position:-7px -162px!important; width:16px; height:16px;}


.nego_btn, .nego_btn:visited{background-color:#4A66AF; display:inline-block; padding:5px 12px; border:1px solid #4A66AF; color:#FFF; cursor:pointer; font-size:14px; -webkit-transition:all .5s linear;-moz-transition:all .5s linear;-o-transition:all .5s linear;-ms-transition:all .5s linear;transition:all .5s linear;}
.nego_btn:hover, .nego_btn:active{background:#333333; color:#FFFFFF;}
.nego_vehicletitle{background-color:#4A66AF; color:#FFF; font-size:14px;}
.nego_vehicletitle th{color:#FFF;}
.nego_vehicletitle th strong{color:#FFFFFF; float:left; font-size:14px; margin-left:10px;}
.nego_transdtl{ background:#4A66AF; color:#FFF; font-size:14px;}
.nego_stkdetail{border:1px solid #CCC; border-collapse:collapse; text-align:left;}
.nego_stkdetail tr th, .nego_stkdetail tr td{padding:2px 4px;}
.stock_dtl_h{border-bottom:1px solid #CCC; background-color:#4A66AF; padding-left:5px; color:#FFF;}
.stagesDiv{float:left; text-align:center; background:#4A66AF; border:none; border-radius:5px; color:#FFFFFF;  padding:15px 0px; width:13.4%; font-size:14px; margin:10px 0px 10px 10px;}			
.disableStagesDiv{float:left; text-align:center; background:#999; border:none; border-radius:5px; color:#fff;  padding:15px 0px; width:13.4%; font-size:14px; margin:10px 0px 10px 10px;}
.disableStagesDiv:hover{opacity:0.9;}
.stagesDiv:hover{background:#CC0000; cursor:pointer;}
.stagesDivCP{margin-left:10px; float:left; text-align:center; background: none repeat scroll 0 0 #4A66AF; border: medium none; border-radius:5px; color:#FFFFFF;  padding:20px 5px; width:10.5%; margin-bottom:15px; margin-top:15px; cursor:pointer;font-size:11px;}			
.disableStagesDivCP{margin-left:10px; float:left; text-align:center; background: none repeat scroll 0 0 #4A66AF; border: medium none; border-radius:5px; color:#fff;  padding:20px 5px; width:10.5%; margin-bottom:15px; margin-top:15px; cursor:pointer;font-size:12px;}	
.disableStagesDivCP:hover {background:#CC0000; border-radius:5px;}
.stagesDivCP:hover{background:none repeat scroll 0 0 #CC0000; border-radius:5px;}
.nego_stpeimg{width:32px; height:32px; margin-bottom:5px;}
.ui-autocomplete-loading{background: white url('<?php  echo BASEURL; ?>/images/ui-anim_basic_16x16.gif') right center no-repeat;}
.nego_heading{background:#4A66AF; color:#FFF; display:inline-block; width:100%; font-family:Arial; font-weight:bold; padding:5px; margin-top:0px; margin-bottom:0px; font-size:14px;}
.nego_heading a{color:#FFF;}
.nego_heading td{padding-left:5px; border:none;}
.nego_summary{border-collapse:collapse; background-color:#FFF;}
.nego_summary tr td img{margin-left:5px;}
.nego_summary tr td strong{margin-left:5px; font-size:14px;}
.common_box{border:1px solid #E8E8E8; background:#F7F7F7; margin-bottom:30px;}
.common_box h2{margin:0px; padding:5px 10px; color:#666; border-bottom:1px solid #4A66AF; margin-bottom:0px; font-size:20px;}
.common_box > div{padding:10px;}

.mesg_text{padding-left:5px; border-bottom:1px solid #CCC; padding-bottom:5px; margin-bottom:5px; font-size:14px;}
.nego_msg_date{float:right; padding-right:5px; font-size:14px;}
.padding_5{ padding:5px;}
.nego_chat_box{border:1px solid #CCC;}
.nego_chat_box form h2{margin-top:0px; background:#4A66AF; color:#FFF; font-size:14px; padding:3px 5px; font-weight:bold;}
.pointer{ cursor:pointer;}
.padding_border{padding:2px; border:1px solid #CCC;}

/**************************************AUCTION CSS 960_24_col.css*****************************************/
.odd div{background-color:#FFF; vertical-align:middle;}
.even div{background-color:#EDEDED; vertical-align:middle;}
.heading div{background-color:#008ACF; color:#FFF; vertical-align:middle; font-size:14px;}
.height-50{height:85px; padding:5px 0px;}
.height-50 p{text-align:center; line-height:19px;}
.height-50_new{height:55px; padding:0px 0px;}
.height-50_new .hr{border-bottom:2px dashed #FFF; margin-bottom:5px; padding-bottom:0px; margin-top:8px;}
.container_24{margin:auto; width:100%; text-align:center;}
.heading-div div{background-color:#CCCCCC; border-top:1px solid #CCC;}
.grid_w10, .grid_w6,.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6,.grid_w73, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16, .grid_17, .grid_18, .grid_19, .grid_20, .grid_21, .grid_22, .grid_23, .grid_24, .grid_4_n, .grid_5_n, .grid_5_new, .gridt_24_plus_half, .grid_11, .grid_1_half, .grid_1_plus_half, .grid_2_plus_half{float:left; margin-left:0px; margin-right:0px; border-right:1px solid #CCC; border-bottom:1px solid #CCC; overflow:auto;}
.push_1, .pull_1, .push_2, .pull_2, .push_3, .pull_3, .push_4, .pull_4, .push_5, .pull_5, .push_6, .pull_6, .push_7, .pull_7, .push_8, .pull_8, .push_9, .pull_9, .push_10, .pull_10, .push_11, .pull_11, .push_12, .pull_12, .push_13, .pull_13, .push_14, .pull_14, .push_15, .pull_15, .push_16, .pull_16, .push_17, .pull_17, .push_18, .pull_18, .push_19, .pull_19, .push_20, .pull_20, .push_21, .pull_21, .push_22, .pull_22, .push_23, .pull_23{position: relative;}
.alpha{margin-left:0; border-left:1px solid #999999;}
.omega{margin-right:0;}
.container_24 .grid_1_plus_half p { padding:0px; margin:0 0 8px 0;}
.container_24 .grid_1_plus_half{width:6%;}
.container_24 .grid_1_half{width:2%;}
.container_24 .grid_1{width:4%;}
.container_24 .grid_w73{width:7.3%;}
.container_24 .grid_3{width:12%;}
.container_24 .grid_4{width:14%;}
.container_24 .grid_w10{width:10%;}
.container_24 .grid_w6{width:6%;}
.container_24 .grid_5{width:16%;}
.container_24 .grid_6{width:24%;}
.container_24 .grid_2{width:8%;}
.container_24 .grid_2_plus_half{width:10%;}
.container_24 .grid_17{width:42.4%;}
.container_24 .grid_20{width:71%;}
.container_24 .grid_22{width:80.4%;}
.container_24 .grid_23{width:84.7%;}
.container_24 .grid_24{width:1164px; width:1005px\9; /* IE8 and below */ *width : 998px; /* IE7 and below */  }
.container_24 .prefix_1{padding-left:40px;}
.container_24 .suffix_1{padding-right:40px;}
.container_24 .push_1{left:40px;}
.container_24 .pull_1{left:-40px;}
.clear{clear: both;}
.clearfix:before, .clearfix:after, .container_24:before, .container_24:after{display:block;}
.clearfix:after, .container_24:after{clear:both;}
.clearfix, .container_24{zoom:1;}
.container_24 .grid_4_n{width:16%;}
.container_24 .grid_5_n{width:20%;}
.container_24 .grid_5_new{width:20.1%;}
.container_24 .grid_11{width:44.3%;}
.container_24 .gridt_24_plus_half{width:97%;}
#basic-modal-content{display:none;}
#simplemodal-overlay{background-color:#000; cursor:wait;}
#simplemodal-container .simplemodal-data {padding:8px 0 0 0; border:#CCC 5px solid;}
#simplemodal-container a{color:#ddd;}
a.simplemodal-close{position:absolute; width:25px; height:29px; display:inline;z-index:3200; position:absolute; top:-11px; right:-11px; cursor:pointer; border:0;}
#tt{position:absolute; display:block;}
#tttop{font-size:12px; display:block; height:75px; margin:0; text-align:center; background:url(../images/tooltip_bg.gif) 0 0 no-repeat;}

.menu-container {
    width: 100%;
    margin: 0 auto;
    /*background: #e9e9e9;*/
}

.menu-mobile {
    display: none;
    padding: 20px;
}

.menu-mobile:after {
    content: "\f394";
    font-family: "Ionicons";
    font-size: 2.5rem;
    padding: 0;
    float: right;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    transform: translateY(-25%);
}

.menu-dropdown-icon:before {
    content: "\f489";
    font-family: "Ionicons";
    display: none;
    cursor: pointer;
    float: right;
    padding: 1.5em 2em;
    background: #fff;
    color: #333;
}

.menu > ul {
    margin: 0 auto;
    width: 100%;
    list-style: none;
    padding: 0;
    position: relative;
    /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
    box-sizing: border-box;
}

.menu > ul:before,
.menu > ul:after {
    content: "";
    display: table;
}

.menu > ul:after {
    clear: both;
}

.menu > ul > li {
    float: left;
    /*background: #e9e9e9;*/
    padding: 0;
    margin: 0;
	
}

.menu > ul > li a {
    text-decoration: none;
    padding: 10px 21px;
	display: block;
	border-right:1px solid #ccc;
	color:#2A2A2A;
	font-size:14px;
	border-bottom:3px solid #fff; 
	
	
	
}

.menu > ul > li:last-child a {border-right:none; }

.menu > ul > li:hover {
    background: #242424;
}
.menu > ul > li.active{background: #242424;}
.menu > ul > li.active a{color:#fff; border-bottom:3px solid #E74D06;}
.menu > ul > li.active a span.fa-browse{background-position:-99px -43px;}
.menu > ul > li.active a span.fa-about{background-position:-148px -40px;}
 

.menu > ul > li:hover a{color:#fff; border-bottom:3px solid #E74D06; }

.menu > ul > li:hover a span.fa-browse{background-position:-99px -43px; }
.menu > ul > li:hover a span.fa-about{background-position:-148px -40px;}
.menu > ul > li:hover a span.fa-auction{background-position:-452px -43px;}
.menu > ul > li:hover a span.fa-showrooms{background-position:-184px -47px;}
.menu > ul > li:hover a span.fa-how-to-buy{background-position:-234px -46px;}
.menu > ul > li:hover a span.fa-help-support{background-position:-276px -50px; }
.menu > ul > li:hover a span.fa-testimonials{background-position:-328px -49px; }


.menu > ul > li > ul {
    display: none;
    width: 100%;
    padding:0px;
    position: absolute;
    z-index:10000;
    left: 0;
    margin: 0;
    list-style: none;
    box-sizing: border-box;
	background-color:#242424;
	
}

.menu > ul > li > ul > li a:hover {color:#000;}
.mega_menu{/*background:url(megamenu-bg-1169x474.jpg)*/ background-color:#242424!important;}
.menu > ul > li > ul:before,
.menu > ul > li > ul:after {
    content: "";
    display: table;
}

.menu > ul > li > ul:after {
    clear: both;
}

.menu > ul > li > ul h2 { font-size:15px; color:#fff; font-weight:bold; margin-top:10px; margin-bottom:8px; padding:0px; }
.mega_menu ul { list-style:none;}
.menu > ul > li > ul.mega_menu ul > li { border-right:none; background:url(../images/arrow_menu.jpg) 0px 8px no-repeat;padding:2px 0px 0 13px;}
.menu > ul > li > ul.mega_menu ul > li a { border-bottom:none;border-right:none; padding:0px 0px 5px 0; color:#999;}
.menu > ul > li > ul.mega_menu ul > li a:hover { color:#ccc;}


.menu > ul > li > ul > li {
    margin: 0;
    padding-bottom: 0;
    list-style: none;
   	width: 20.8%;
    background: none;
    float: left;
	margin-top:15px;
	background:url(../images/arrow_menu.jpg) 0px 13px no-repeat;padding:2px 0px 0 9px;
	
}



.menu > ul > li > ul > li a {
    color: #999!important;
    padding: 0px 0px;
    display: block;
    border-bottom:none!important;
	border-right:none;
	
}

.menu > ul > li > ul > li a:hover {
    color:#ccc!important;
	font-weight:bold;
	
  
}

.menu > ul > li > ul > li > ul > li a:hover
{
    color: #fff;
}












.cl-effect-5 a {
 overflow: hidden;
 padding: 0 4px;
 height: 2em;
}

.cl-effect-5 a span {
 position: relative;
 display: inline-block;
 -webkit-transition: -webkit-transform 0.3s;
 -moz-transition: -moz-transform 0.3s;
 transition: transform 0.3s;
}

.cl-effect-5 a span::before {
 position: absolute;
 top: 100%;
 content: attr(data-hover);
 font-weight: 700;
 -webkit-transform: translate3d(0,0,0);
 -moz-transform: translate3d(0,0,0);
 transform: translate3d(0,0,0);
}

.cl-effect-5 a:hover span,
.cl-effect-5 a:focus span {
 -webkit-transform: translateY(-100%);
 -moz-transform: translateY(-100%);
 transform: translateY(-100%);
}



.menu > ul > li > ul > li > ul > li a:before {
		 content: "\00BB \0020";
		 color:#999;
		 font-weight:bolder;
		 padding-right:0px;
	     }
		 
		 .menu > ul > li > ul > li > ul > li:hover a:before {
		 content: "\00BB \0020";
		 color:#999;
		 font-weight:bolder;
		 padding-right:5px;
	     }


.menu > ul > li > ul > li > ul {
    display: block;
    padding: 0;
    margin: 3px 0 0;
    list-style: none;
    box-sizing: border-box;
}

.menu > ul > li > ul > li > ul:before,
.menu > ul > li > ul > li > ul:after {
    content: "";
    display: table;
}

.menu > ul > li > ul > li > ul:after {
    clear: both;
}

.menu > ul > li > ul > li > ul > li {
    float: left;
    width: 100%;
    padding:1px 0;
    margin: 0;
    font-size: 14px;
}

.menu > ul > li > ul > li > ul > li a {
    border: 0;
}

.menu > ul > li > ul.normal-sub {
    width:210px;
    left: auto;
    padding: 10px 20px;
}

.menu > ul > li > ul.normal-sub > li {
    width: 100%;
	
}

.menu > ul > li > ul.normal-sub > li a {
    border: 0;
    padding: 5px 0;
	color:#fff!important;

}

.category_menu { width:19%; float:left;}
.first_menu { width:21%; float:left;}
.price_menu { width:22%; float:left;}


/* ??????????????????????????????????????????????????
Mobile style's
?????????????????????????????????????????????????? */
@media only screen and (max-width:1024px) {

.height-50 p{line-height:14px;}
.first_menu { width:20%; float:left; margin-right:20px; margin-top:82px;}
.category_menu { width:23%; float:left;}
.price_menu { width:24%; float:left;}
	
}

@media only screen and (max-width: 768px) {
.category_menu { width:27%; float:left;}
.mob_margin_left { margin-left:23px;}
.price_menu { width:28%; float:left;}

}

@media only screen and (max-width: 760px) {
    .menu-container {
        width: 100%;
    }
    .menu-mobile {
        display: block;
    }
    .menu-dropdown-icon:before {
        display: block;
    }
    .menu > ul {
        display: none;
    }
    .menu > ul > li {
        width: 100%;
        float: none;
        display: block;
    }
    .menu > ul > li a {
        padding: 1.5em;
        width: 100%;
        display: block;
    }
    .menu > ul > li > ul {
        position: relative;
    }
    .menu > ul > li > ul.normal-sub {
        width: 100%; 
    }
    .menu > ul > li > ul > li {
        float: none;
        width: 100%;
        margin-top: 20px;
		border:#900 1px solid;
		background:url(../images/arrow_menu.jpg) 0px 9px no-repeat;
    }
    .menu > ul > li > ul > li:first-child {
        margin: 0;
    }
    .menu > ul > li > ul > li > ul {
        position: relative;
    }
    .menu > ul > li > ul > li > ul > li {
        float: none;
    }
    .menu .show-on-mobile {
        display: block;
    }
	

}

@media only screen and ( min-width: 768px ) and ( max-width:1024px ) {
.stagesDiv, .disableStagesDiv{width:23%;}

.negol_header{display:none!important;}
.negos_list > div{ float:left;}
.negos_list > div.one_list{width:32%; min-height:160px;}
.negos_list > div.two_list{width:68%; min-height:160px;}
.negos_list > div.three_list{width:70%; min-height:250px; border-left:1px solid #E8E8E8!important;}
.negos_list > div.four_list{width:30%; min-height:250px;}
}

@media (min-width:320px) and (max-width:640px) {
.stagesDiv, .disableStagesDiv{font-size:12px; width:46%;}
.nego_stkdetail tr td{padding:2px 0px;}

.negol_header{display:none!important;}
.nego_nav > li{ width:33.33%; text-align:center;}
.nego_nav > li > a{padding:5px 0px; font-size:12px; display:block;}+
.negol_header{ display:none!important;}
.negos_list > div{ display:block; width:100%!important;}
.negos_list > div.two_list, .negos_list > div.three_list, .negos_list > div.four_list{ border-left:1px solid #E8E8E8!important;}
.negolist_icon > li{float:left;}
.nego_process{ width:50%; background:none;}
.negostk_first{width:100%; float:none;}
.negostk_second{width:100%; float:none; border-left:none;}
.negobf_order > div.negobf_one, .negobf_order > div.negobf_two, .negobf_order > div.negobf_three{width:100%; display:inline-block;}
.negobf_na > div.negobfna_one, .negobf_na > div.negobfna_two, .negobf_na > div.negobfna_three{width:100%; display:inline-block;}
.negobf_na > div.negobfna_one:after{border:none;}
.nego_proulli{ display:none;} 
.negobf_na > div{ padding:10px;}
}


.message_box{border:1px solid #CCC; margin-bottom:20px; padding:5px;}
.font_12{ font-size:12px;}
.send_message_btn, .send_message_btn:visited{background:#333; color:#FFF; display:inline-block; padding:3px 10px; font-size:14px;}
.send_message_btn:hover{color:#FFF; background:#4A66AF;}
