.catalogbox {width: 450px;padding: 14px;height: auto;}
a {color: #ffa600;}

.laximo input[type='text'], .laximo  input[type='number'], .laximo  input[type='password'], .laximo  textarea, .laximo  select, .filters input .callback input {
	position: relative;
	width: 100%;
	height: 34px;
	padding: 5px 10px;
	color: #051e37;
	background: #ffffff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.laximo {padding: 15px;font-family: 'Open Sans', Arial, sans-serif;font-size: 14px;border: 0;line-height: 24px;border: 1px solid #d8d8d8;}	


.catalogbox h2 {
}

.search-examp a {
    border-bottom: 1px dotted;
    font-size: 12px;
}
.catalog-sel {
    padding: 20px 65px;
    font-size: 13px;
}



.modalDialog {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 99999;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	display: none;
	pointer-events: none;
}

.modalDialog:target {
	display: block;
	pointer-events: auto;
}

.modalDialog > div {
	width: 360px;
	position: relative;
	margin: auto;
	top: 20px;
	padding: 5px 20px 13px 20px;
	border-radius: 5px;
	background: #fff;
}

.close {
	/* top: -10px; */
	/* width: 25px; */
	/* height: 25px; */
	/* text-decoration: none; */
	/* font-weight: bold; */
	/* -webkit-border-radius: 12px; */
	-moz-border-radius: 12px;
	/* border-radius: 20px; */
	-moz-box-shadow: 1px 1px 3px #000;
}

.close:hover {/* background: #FF7300; */}

#tabs.htabs {
    clear: none;
}

#tabs.htabs a {border: 0;padding: 10px;position: relative;margin: 0px;width: 49%;text-align: center;color: #555555;font-size: 12px;border: 0;background: #F5F5F5;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;display: inline-block;}
#tabs .selected {
    background-color: #8C8B8C !important;
    color: white!important;
}
#filter-tree {
    border: 1px solid #8C8B8C;
    margin-top: 5px;
    width: 100%;
    color: black;
    padding: 5px;
}
.parent {
    padding: 0;
}

.topline>table {
    margin: 0 auto;
    width: 1250px;
}
.topline>table tr td {
    color: white;
    padding: 10px;
}
.loginform {text-align:right;}
.register {
    padding-top: 0px;
    ]: t
    font-size: 14px;
}
.register input {}
.lcol, .rcol {}
.lcol {
}
.rcol {
    width: 30%;
}
.bodytop {
    margin: 0 auto;
    height: 100%;
    background: none;
    overflow: hidden;
    padding-bottom: 0px;
}
.telephone {text-align: right;}
.telephone h5 {
    color: white;
}

.footer > table { width:100%;text-align: center;}
.footer .fcol h5 {
    color: white;
    padding-left: 10px;
}
.footer .fcol {
    float: left;
    width: 50%;
    display: inline-flex;
}
.footer h5 {color: #ffffff;font-weight: 100;}
.footer {
    padding-top: 20px;
    min-height: 90px;
    bottom: 0px;
}

.header {
}
.topline {
    background: #313030;
    padding: 10px;
    min-height: 65px;
    color: white;
    font-size: 14px;
    margin-bottom: 15px;
    border-bottom: 1px solid #5a5757;
}
.topline a {
    color: white;
    font-size: 14px;
}
.header .center {
}
.reg {
    font-size: 12px!important;
    line-height: 31px;
    margin: 4px;
    height: 36px;
}
.form-1 a, .form-1 h4 {
    color: white;
    font-size: 12px;
}
.form-1 {
    padding: 0px 5px 0px;
    margin: 0px;
    padding-top: 0px;
    overflow: auto;
    position: relative;
    line-height: 1.428571;
    background: none;
    border: none;
    display: inline-flex;
}

.form-1 .field {
    position: relative; /* For the icon positioning */
    margin: 5px;
}

.form-1 .field i {/* Size and position */
    left: 0px;
    top: 0px;
    position: absolute;
    height: 34px;
    width: 34px;/* Line */
    border-right: 1px solid #ccc;
    /* Styles */
    color: #777777;
    text-align: center;
    line-height: 37px;
    transition: all 0.3s ease-out;
    pointer-events: none;
}

.form-1 input[type=text],
.form-1 input[type=password] {
    font-size: 12px;
    font-weight: 400;
    /* Size and position */
    width: 100%;
    padding: 5px 40px;/* Styles */
    height: 34px;
    /* Remove the default border */
    border: 1px solid  #cccccc;
    background: #FFFFFF;
    color: #777;
    transition: color 0.3s ease-out;
}

.form-1 input[type=text] {
}
.form-1 input[type=text]:hover ~ i,
.form-1 input[type=password]:hover ~ i {
}

.form-1 input[type=text]:focus ~ i,
.form-1 input[type=password]:focus ~ i {
	
}

.form-1 input[type=text]:focus,
.form-1 input[type=password]:focus,
.form-1 button[type=submit]:focus {
    outline: none;
}

.form-1 .submit {
    /* Size and position */
    width: 65px;
    height: 65px;
    position: absolute;
    top: 19px;
    right: -25px;
    padding: 10px;
    z-index: 2;
	
    /* Styles */
    background: #ffffff;
    border-radius: 50%;
    box-shadow:
	0 0 2px rgba(0,0,0,0.1),
	0 3px 2px rgba(0,0,0,0.1),
	inset 0 -3px 2px rgba(0,0,0,0.2);
}
.form-1 .submit:after {
    /* Size and position */
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    top: -2px;
    left: 30px;
	
    /* Styles */
    background: #ffffff;
	
    /* Other masks trick */
    box-shadow: 0 62px white, -32px 31px white;
}
.form-1 button {/* Size and position */
    /* width: 100%; */
    margin-top: 4px;/* Icon styles */
    padding: 5px;
    height: 36px;
    margin-left: 5px;
    /* font-size: 1.4em; */
    /* line-height: 1.90; */
    /* color: white; *//* Styles */
    /* border: none; *//* Remove the default border */
    /* border-radius: inherit; */
    /* background: linear-gradient(#52cfeb, #42A2BC); */
    /* box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.3),
        0 1px 2px rgba(0,0,0,0.35),
        inset 0 3px 2px rgba(255,255,255,0.2),
	inset 0 -3px 2px rgba(0,0,0,0.1); */
    /* cursor: pointer; */
}

.form-1 button:hover,
.form-1 button[type=submit]:focus {
}

.form-1 button:active {
}

.form-1 p {
    margin-top: 10px;
}
.forgotlink {
    font-size: 12px!important;
    position: absolute;
    top: 13px;
    right: 232px;
    color: #797979!important;
}
.register a {margin-top: 13px;margin-left: 10px;font-size: 13px;color: black;}


.bodytop {
}

.bodytop:before,
.bodytop:after {
    content:"";
    position:absolute;
    z-index:-2;
}

.bodytop:before {
    top:50%;
    bottom:0px;
    left:10px;
    right:10px;
    border-radius:100px / 10px;
}

.bodytop p {font-size: 14px;}        

.content {
    float: left;
    width: 100%;
}
.container .center {width: 100%;padding-bottom: 20px;}
.car-models {
    margin: 0 auto;
    list-style: none;
    padding: 0px;
    margin-left: 15px;
}
.car-models .model:first-child {
}

.car-models .model {
	margin: 0px -1px -1px -1px;
	width: 33%;
	height: 40px;
	float: left;
	border: 1px solid #e3e6e7;
	border-radius: 2px;
	overflow: hidden;
	background: #fff;
	position: relative;
	behavior: url(/public/js/pie/PIE.htc);
}

.car-models .model a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	text-align: left;
	padding-left: 50px;
	color: #000;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 11px;
	line-height: 1.3;
	padding-top: 6px;
	font-family: 'Open Sans', Arial, sans-serif;
	font-weight: 700;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.car-models .model small {
	display: block;
	color: #aaa;
	font-size: 85%;
	font-weight: normal;
}

.car-models .model a:hover small,
.car-models .model a:active small {
	color: #666;
}

.car-models .model i {
	position: absolute;
	left: 0;
	top: 0;
	width: 40px;
	height: 100%;
	
	background: -webkit-linear-gradient(top, #ffffff, #eeeeee);
	background: -moz-linear-gradient(top, #ffffff, #eeeeee);
	background: -o-linear-gradient(top, #ffffff, #eeeeee);
	background: -ms-linear-gradient(top, #ffffff, #eeeeee);
	background: linear-gradient(top, #ffffff, #eeeeee);
	
	/* had to use this, PIE dowsn't work */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee')";
}

.car-models .model i:after {
	content: "";
	position: absolute;
	width: 32px;
	height: 32px;
	top: 3px;
	left: 4px;
	background: url('/static/image/car-models.png') top left no-repeat;
}

.car-models .audi i:after { background-position: 0 0; }
.car-models .mazda i:after { background-position: -32px 0; }
.car-models .smart i:after { background-position: -64px 0; }

.car-models .bmw i:after { background-position: 0 -32px; }
.car-models .mercedes i:after { background-position: -32px -32px; }
.car-models .suzuki i:after { background-position: -64px -32px; }

.car-models .bmw-moto i:after { background-position: 0 -64px; }
.car-models .mini i:after { background-position: -32px -64px; }
.car-models .subaru i:after { background-position: -64px -64px; }

.car-models .dodge i:after { background-position: 0 -96px; }
.car-models .mitsubishi i:after { background-position: -32px -96px; }
.car-models .toyota i:after { background-position: -64px -96px; }

.car-models .infiniti i:after { background-position: 0 -128px; }
.car-models .nissan i:after { background-position: -32px -128px; }
.car-models .skoda i:after { background-position: -64px -128px; }

.car-models .kia i:after { background-position: 0 -160px; }
.car-models .ram i:after { background-position: -32px -160px; }
.car-models .hyundai i:after { background-position: -64px -160px; }

.car-models .chrysler i:after { background-position: 0 -192px; }
.car-models .seat i:after { background-position: -32px -192px; }
.car-models .volkswagen i:after { background-position: -64px -192px; }

.car-models .volvo i:after { background-position: 0 -224px; }
.car-models .alfaromeo i:after { background-position: -32px -224px; }
.car-models .chevrolet i:after { background-position: -64px -224px; }

.car-models .citroen i:after { background-position: 0 -256px; }
.car-models .daewoo i:after { background-position: -32px -256px; }
.car-models .ford i:after { background-position: -64px -256px; }

.car-models .fiat i:after { background-position: 0 -288px; }
.car-models .honda i:after { background-position: -32px -288px; }
.car-models .isuzu i:after { background-position: -64px -288px; }

.car-models .jaguar i:after { background-position: 0 -320px; }
.car-models .jeep i:after { background-position: -32px -320px; }
.car-models .landrover i:after { background-position: -64px -320px; }
.car-models .land.rover i:after { background-position: -64px -320px; }

.car-models .lexus i:after { background-position: 0 -352px; }
.car-models .man i:after { background-position: -32px -352px; }
.car-models .opel i:after { background-position: -64px -352px; }

.car-models .peugeot i:after { background-position: 0 -384px; }
.car-models .porsche i:after { background-position: -32px -384px; }
.car-models .renault i:after { background-position: -64px -384px; }

.car-models .rover i:after { background-position: 0 -416px; }
.car-models .saab i:after { background-position: -32px -416px; }
.car-models .scania i:after { background-position: -64px -416px; }

.car-models .ssangyong i:after { background-position: 0 -448px; }
.car-models .eurcat i:after { background-position: -32px -448px; }
.car-models .uscat i:after { background-position: -64px -448px; }

.car-models .uscatgen i:after { background-position: 0 -480px; }
.car-models .ca-tyre i:after { background-position: -32px -480px; }
.car-models .ca-oil i:after { background-position: -64px -480px; }

.car-models .chery i:after { background-position: 0 -512px; }
.car-models .zaz i:after { background-position: -32px -512px; }
.car-models .empty i:after { background-position: -64px -512px; }



.container .center .table {text-align: left;}
.photoffice {
	background: #EDEDED;
	width: 170px;
	padding: 10px;
	
	
}

.photouser {
	background: #EDEDED;
	width: 170px;
	padding: 10px;
	
	
}
.accountbox .icon-large:before {
    font-size: 100px;
    position: absolute;
    opacity: 0.3;
    right: 10px;
    top: 10px;
}
.content blockquote {width: 100%;}
.profile {
    background: #f5f5f5;
    padding: 10px;
    margin-bottom: 10px;
    position: relative;
    box-sizing: initial;
    min-height: 100px;
    border: none;
    border-bottom: 5px solid #ff9800;
}
.profilefoto img {box-shadow: 0 0 0px 2px #D3E6F2;}
.profile a {
    font-size: 16px;
}
.profile p {
    padding-left: 15px;
    font-size: 14px;
    padding-top: 5px;
    padding-right: 100px;
    color: #555555;
    line-height: 20px;
}
.profile p:before  {content: '\2014 \00A0';}

.well p {
    float: left;
    padding-right: 5px;
}
.profile .form-control {
	display: block;
	width: 100%;
height: 30px;}

.logo img {
    margin: 0px 0px;
    /* max-width: 275px; */
    position: relative;
    /* margin-top: 7px; */
}
.news-box {
    background: white;
    padding: 10px;
    height: 260px;
    border: 1px solid #ff9800;
    border-bottom: 5px solid #ff9800;
    margin-bottom: 5px;
}
.searchpanel {
	
	margin-bottom: 15px;
}
.searchpanel label {
    max-width: 100%;
    min-height: 20px;
    padding-left: 30px;
    margin-bottom: 0;
    font-weight: normal;
    display: flex;
    cursor: pointer;
    position: absolute;
    right: 330px;
    margin-top: 7px;
}
.searchpanel form {
}

ul li {list-style:none;}

.searchname {
    position: relative;
    float: right;
    right: 280px;
    top: 7px;
}
.modal-body ul {margin: 40px 40px;}

ul.left-dropdown li {
    border: 0;
} 
ul.left-dropdown li a:hover {
    
	color: #ff4835;
} 
ul.left-dropdown li a{
} 

.ccolcontent {
    width: 100%;
    padding: 0px 20px;
    vertical-align: top;
} 


.colegend {
    position: absolute;
    top: 55px;
    right: 41px;
    color: white;
    font-size: 20px;
}
.colegend a {
    color: white;
    font-size: 18px;
    text-shadow: 1px 1px 5px #2D2D2D;
}
.colegend a:hover {
border-bottom: 2px dotted;}
.cart input {
    text-align: center;
}
.href:hover {
    background: #2189db;
    color: #FFF;
    border-radius: 3px;
}
.href {
    padding: 4px 7px 4px 6px;
    background: #2189db;
    color: #FFF;
    border-radius: 3px;
    border-color: #2075c1;
}
.history {
    position: inherit;
    font-size: 21px;
    z-index: 9999;
    cursor: pointer;
    margin-right: 14px;
    color: #9c9c9b;
    float: right;
    margin-top: -43px;
}
.tablehistory {min-width:300px;}

.tablehistory tr:hover {
    background: rgba(128, 128, 128, 0.28);
}
.tablehistory td {
    padding: 2px 3px;
    border: 1px solid whitesmoke;
    font-size: 12px;
}
.cart .input-sm {
    width: 40px;
}
td.price {
    text-align: center;
    font-weight: bold;
    white-space: nowrap;
    width: 90px;
    vertical-align: top;
}
td.price_c span {}
td.price_c {
    text-align: center;
    font-weight: bold;
    white-space: nowrap;
    width: 75px;
    
}
td.deliverytime_c {
    text-align: center;
width: 70px;}

td.deliverytime {
    text-align: center;
    width: 130px;
    vertical-align: top;
}
td.stock {
    text-align: center;
    width: 80px;
    white-space: nowrap;
    vertical-align: top;
}
td.article {
    width: 100px;
	
}
td.check {
    text-align: center;
    width: 10px;
}
td.multiplicity {
	text-align: center;
	width: 50px;
}


td.article_s {
    width: 100px;
    vertical-align: top;
}
td.name_s {
    vertical-align: top;
}

td.brand_s {
    width: 100px;
    font-weight: bolder;
    vertical-align: top;
    text-transform: uppercase;
}
td.brand {
    width: 100px;
    font-weight: bolder;
	
}
td.basket {
    text-align: center;
    width: 70px;
    vertical-align: top;
}
table.search  {
    margin-bottom: 0px;
    border-bottom: 5px solid #e0e0e0;
    font-size: 14px;
}
.table > thead > tr > th {
    border: 1px solid #cccccc;
    background: #ffffff;
    background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%);
    background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
}
.deliverytime span {
    float: right;
    text-indent: -9999px;
    width: 15px;
    height: 15px;
    border-radius: 3px;
    margin: 3px 10px 0 0;
    cursor: pointer;
}

.good {
	background: #f3d600;
	padding: 2px 5px;
	color: #FFFFFF;
	line-height: 3px;
	border-radius: 3px;
}
.bad {background: #E65427;
	padding: 2px 5px;
	color: #FFFFFF;
	line-height: 3px;
	border-radius: 3px;
}
.excellent {
    background: #27C300;
	padding: 2px 5px;
	color: #FFFFFF;
	line-height: 3px;
	border-radius: 3px;
}
input.quantity {padding: 0px;
    border-radius: 0px;
    height: 25px;
    width: 40px;
margin: auto;}
.brand-select {
    padding: 0px 15px 0px 0px;
}
.photouser div {
    width: 150px;
    height: 130px;
}
.label {
    display: inline-block;
    padding: 2px 5px;
    font-size: 12px;
    line-height: 16px;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0px;
}
.pointer {cursor:pointer;}
.infoart span {
    font-size: 13px;
    color: #777575;
    cursor: pointer;
    vertical-align: top;
}
.pn {
    /* float: left; */
    /* width: 85%; */
}
.icon-large {
    font-size: 100% !important;
}
.date_o {
    width: 80px;
}
.name_o {
    width: 300px;
}
.check_o {width:10px;}
.deliverytime_o {
    width: 90px;
}
.stock_o {
    width: 60px;
}
.price_o {
    width: 60px;
    white-space: nowrap;
}
.total_o {
    width: 60px;
    white-space: nowrap;
}
.status_o {width: 170px;}
.button_o {
    white-space: nowrap;
    width: 100px;
}
.search-select {
    position: absolute;
    padding: 5px;
    right: 280px;
    margin: 3px;
    z-index: 1;
    border: 0;
    cursor: pointer;
}

.boxdetail {
    background: #EEE;
    border: 1px solid #E4E4E4;
    padding: 10px;
    margin: 5px 0px;
}
.boxdetail p {
    font-size: 12px!important;
    margin: auto;
}

.boxdetail p .close {
    line-height: 13px;
}
.profilefoto {
    width: 90px;
    float: left;
    margin-right: 20px;
    height: 90px;
}

.order-history {min-width:450px;} 

.brandhead {
    /* background: rgba(222, 225, 228, 0.66)!important; */
    /* border: 0!important; */
} 

.regbox p {
    padding: 5px 20px;
}
.regbox  {
	background: #EDEDED;
	padding: 10px;
	margin-bottom: 10px;
	position: relative;
	box-sizing: initial;
	min-height: 150px;
	border: 1px solid #E4E4E4;
}
.regbox .checkbox {
    font-size: 18px;
    margin-left: -20px;
}
.pcard {
    background: whitesmoke;
    padding: 20px;
}
.pcard img {
    border: 2px solid #B7B4B4;
}
.tosort th[data-sort] { cursor: pointer; }
.clip {
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    max-width: 245px;
    text-overflow: ellipsis;
}
.offices .selected  {color: #FFFFFF;background: #FF9800;padding: 5px;border-radius: 1px;}

.offices {
    background: url('/static/image/russia.png')  center  no-repeat;
    min-height: 300px;
}
.offices ul li {
    padding: 7px;
}
.saplab {font-family: 'Open Sans', Arial, sans-serif;background: #3e3d3d url('/static/image/pattern_1.png');height: 100%;max-width: 1920px;}



.search-examp {padding-bottom:15px;}


.stock_c {width:70px;text-align: center;}
.half-transparent {color: #999999;}

@media (min-width: 0px) {
	.modal-dialog.auth {
		max-width: 390px;
		margin: 30px auto;
	}}
	
	.label.news {
	}
	
	blockquote {
		margin: 0px 0px 12px;
		font-size: 14px;
		padding: 15px;
		height: 199px;
		border-left: 0px;
		width: 100%;
		font-weight: 100;
		background: #fff;
		overflow: hidden;
		box-shadow: 0px 0px 20px 0px #000;
	}
	.btn-danger {
		color: #fff;
		background-color: #ffa600;
		border-color: #ca7800;
	}
	.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
		color: #fff;
		background-color: #ff4835;
		border-color: #ff4835;
	}
	.label-danger {border-radius: 0px;background: none;color: #ffa600;border: 1px solid;}
	
	
	
	#back-top{
		position:fixed;
		bottom: 25px;
		right: 20px;
	}
	
	#back-top a{
		width:64px;
		display:block;
		text-align:center;
		text-transform:uppercase;
		text-decoration:none;
		color: #ffffff;
		/* background color transition */
		-webkit-transition:1s;
		-moz-transition:1s;
		transition:1s;
	}
	
	#back-top a:hover{color:#000;}
	
	
	#back-top span{
		width: 50px;
		height: 50px;
		display:block;
		font-size: 33px;
		
		/* rounded corners */
		background: #ffa600 url('/static/image/pattern_4.png');
		-moz-border-radius:15px;
		border-radius: 30px;
		/* background color transition */
		-webkit-transition:1s;
		-moz-transition:1s;
		transition:1s;
	}
	
	#back-top a:hover span{background-color:#777}
	
	.btn-success {
		color: #fff !important;
		background-color: #ffa600;
		border-color: #ca7800;
	}
	.btn-success:hover,.btn-success:active {
		color: #fff !important;
		background-color: #ffa600;
		border-color: #ca7800;
	}
	.btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active {
		background-color: #2189db;
		border-color: #2075c1;
	}
	
	.vinbutton {
		/* Old browsers */: /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #f1da36 0%,#fff500 100%); /* Chrome10-25,Safari5.1-6 */
		/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		/* IE6-9 */
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fff500+0,f1da36+100 */
		background: #FF9800; /* Old browsers */
		/* FF3.6-15 */
		/* Chrome10-25,Safari5.1-6 */
		/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		/* IE6-9 */
	}
	.menu li i {
		line-height: 20px;
	}
	.menu{
		display:block;
		margin-bottom: 20px;
		margin-top: 15px;
		border-bottom: 1px solid;
		border-top: 1px solid;
	}
	.menu li.active {box-shadow: inset 0px 4px 0px #ffa600;}
	.menu li{
		display: inline-block;
		position: relative;
		z-index:100;
		min-width: 107px;
		text-align: center;
	}
	
	.menu li a {
		text-decoration:none;
		padding: 10px 15px;
		display:block;
		color: #fdfdfd;
		-webkit-transition: all 0.2s ease-in-out 0s;
		-moz-transition: all 0.2s ease-in-out 0s;
		-o-transition: all 0.2s ease-in-out 0s;
		-ms-transition: all 0.2s ease-in-out 0s;
		transition: all 0.2s ease-in-out 0s;
	}
	.menu li a:hover,
	.menu li:hover > a{
		color: #ffa600;
		font-size: 14px;
	}
	
	
	
	.menu ul {
		display: none;
		margin: 0;
		padding: 0;
		width: 270px;
		position: absolute;
		top: 40px;
		left: 0px;
		background: #fff;
	}
	
	.menu li:hover > ul{
		display: block;
	}
	.menu ul li {
		display:block;
		float: none;
		background:none;
		margin:0;
		padding:0;
	}
	.menu ul li a {
		font-size: 14px;
		display:block;
		padding-left: 14px;
		color: #555555;
		border-left: 3px solid #f1f1f1;
		background: #ffffff;
		text-align: left;
	}
	.menu ul li a:hover,
	.menu ul li:hover > a{
		background: #fff;
		border-left: 3px solid #ffa600;
		color: #ffa600;
	}
	
	.menu ul ul {
		left: 270px;
		top: 0px;
	}
	.mobile-menu{
		display:none;
		width:100%;
		border: 5px solid #ca7800;
		background-color: #ffa600;
		text-align: center;
		font-size: 16px;
		color: white;
		background: #ffa600 url(/static/image/pattern_4.png);
		padding: 7px;
		text-transform:uppercase;
		margin: 5px 0px;
	}
	
	.mobile-menu:hover{color: white;}
	.mobile-menu:hover{color: white;}
	
	@media (max-width: 760px) {
		
		.menu{display:none;background: #ffffff;}
		
		.mobile-menu{
			display:block;
		}
		
		nav{
			margin:0;
			background:none;
		}
		
		.menu li{
			display:block;
			margin:0;
		}
		
		.menu li a {
			background:#ffffff;
			color:#797979;
			border-top:1px solid #e0e0e0;
			border-left:3px solid #ffffff;
		}
		
		.menu li a:hover,
		.menu li:hover > a{
			background:#f0f0f0;
			color: rgba(0, 0, 0, 0.9);
			border-left: 3px solid #656569;
			text-align: left;
		}
		
		/*level 2 and 3 - make same width as all items*/
		.menu ul {
			display:block;
			position:relative;
			top:0;
			left:0;
			width:100%;
		}
		
		.menu ul ul {
			left:0;
		}
		
	}/*end media queries*/
	
	.menu #search {
		width: 400px;
		margin: 13px;
	}
	.authform>.btn {
		width: 190px;
		margin-top: 10px;
	}    
	.breadcrumb {
		list-style: none;
		background-color: #f3f3f3;
		margin-bottom: 0px;
	}
	.authform {
		padding-top: 12px;
		text-align: right;
	}
    h1,h2,h3,h4,h5 {
		color: #000;
	}
	.differences {text-align:center;}
	.differences i {
		padding-bottom: 10px;
		color: #ff9800;
	}
	.bestpart {
		padding: 10px;
		background: white;
		border: none;
		border-bottom: 5px solid #e0e0e0;
	}
	.backbody {
		padding-top: 0px;
		background: white;
		overflow: hidden;
		padding-bottom: 30px;
		box-shadow: 0px 0px 20px 0px black;
	}
	.carticon {}
	.carticon i {
		font-size: 36px;
		color: white;
		text-shadow: 1px 2px 1px #1f4061;
		position: absolute;
		left: -30px;
		top: -2px;
	}
	
	.cartbox {
		color: white;
		text-shadow: 1px 2px 1px #1f4061;
		font-size: 14px;
		line-height: 17px;
	}
	.searchform {
		
		color: #FFF;
		box-shadow: inset 0px 21px 22px -20px black;
		font-size: 16px;
		border: 5px solid #5a5757;
		background: #211f1f;
		height: 45px;
	}
	.search-btn:hover {color: white;}
	.search-btn {
		padding: 5px;
		border: 5px solid;
		width: 100%;
		border-color: #ca7800;
		background-color: #ffa600;
		font-size: 17px;
		color: white;
		background: #ffa600 url('/static/image/pattern_4.png');
	}
	#blink {
		-webkit-animation: blink 1s linear infinite; 
		animation: blink 1s linear infinite;  
		color: color: #FFFFFF; 
	}
	
	@-webkit-keyframes blink { 
		0% { color: #FFFFFF; }
		50% { color: #ffa600; }
		100% { color: #FFFFFF; }
	}
	
	@keyframes blink {  
		0% { color: #FFFFFF; }
		50% { color: #ffa600; }
		100% { color: #FFFFFF; } 
	}
	.slick-slider {
		margin-bottom: 25px;
		box-shadow: 0px 0px 20px 0px black;
	}
	
	/*ADAPTIVE SEARCH AND TABLE*/
	.anim-angle  {
		
		
		
		
		animation: 1.2s ease-in-out 0s normal none infinite running trambling-animation;
	}
	@keyframes trambling-animation {
		0%, 50%, 100% {
			transform: rotate(0deg);
		}
		10%, 30% {
			transform: rotate(-10deg);
		}
		20%, 40% {
			transform: rotate(10deg);
		}
	}
	.anim-angle:hover {animation:none;}
	.regbox span {
		padding: 15px 40px;
		color: #ffffff;
		position: relative;
		border: 1px solid #af5206;
		background: #ff790e;
		font-weight: bold;
	}
    .hc__footer {display:none;}
    #hypercomments_widget {
		padding: 10px;
		background: #eeeeee;
		box-shadow: 0px 4px 5px -1px #bbb5b5;
	}
	.hc__form__send {
		background: #ff790e!important;
		padding: 10px 30px!important;
	}
	.advantage {font-size: 22px;padding-bottom: 150px;margin: 0px 75px;padding-left: 65px;}
	.advantage div {
		padding: 10px;
		line-height: 50px;
		padding-left: 54px;
		color: #425e9b;
		font-size: 22px;
		text-align: left;
	}
	.advantage div i {
		font-size: 36px;
		padding: 7px;
		position: absolute;
		margin-left: -45px;
		color: #ff790e;
	}
	.text-testimonial {
		border: 1px solid #bfbfbf;
		color: #505050;
		font-size: 18px!important;
		background: whitesmoke;
		padding: 10px;
		margin-top: 16px;
		border-radius: 5px;
	}
    
    
	@media screen and (max-width: 991px) {.bestpart {display:none;} }
	@media screen and (max-width: 640px) {
		
		table.adaptive thead tr {
			display: none;
		}
		table.adaptive tbody tr {
			display: block;
			height: auto;
			border: 1px solid #e8e8e8;
			margin-bottom: 15px;
		}
		table.adaptive tbody > tr:hover > td {
			background-color: white;
		}
		table.adaptive tbody tr td {
			display: block;
			height: auto;
		}
		table.adaptive tbody tr td.g_brand, table.adaptive tbody tr td.g_article{
			display: inline-block;
			padding: 5px 5px 0px;
			font-weight: bold;
			font-size: 14px;
		}
		table.adaptive tbody tr td.g_name{
			padding: 5px 5px 0px;
		}
		
		
		
		
		table.adaptive tbody tr td>.btn{
			display: block;
			height: auto;
			color: #020202;
			font-size: 16px;
			background: whitesmoke;
		}
		
		
		.bestpart {display:none;}
		table.search thead tr:first-child {display:none; } 
		table.search thead tr:last-child {width:100%; } 
		table.search tr {
			display: block;
			font-size: 14px;
			width: 100%;
			border:1px solid white;
		}
		
		table.search td.basket {
			float: right;
			width: 100%;
			background: #f1f1f1;
			padding: 0px;
			border-bottom: 10px solid white;
		}
		table.search td.basket .input-group-btn {
			
			padding: 0px;
		}
		
		table.search td.basket .quantity-search {
			display: none;
		}
		table.search td.basket .href.btn:after {content:'Ãâ€ÃÂ¾ÃÂ±ÃÂ°ÃÂ²ÃÂ¸Ã‘â€šÃ‘Å’ ÃÂ² ÃÂºÃÂ¾Ã‘â‚¬ÃÂ·ÃÂ¸ÃÂ½Ã‘Æ’'; font-size:16px; font-weight:bold;}
		table.search td.basket .href.btn {
			background: #545454;
			width: 100%;
			font-size: 18px;
			border: 1px solid #1d1d1d;
		}
		table.search td.name_s .hidden {
			display:inherit;
		}
		table.search td.name_s .hidden .pn {
		}
		
		td.brand_s 
		{width: 50%!important;float: left;height: 50px;padding: 10px 0px 0px 5px!important;font-size: 14px;background: #cac7c7!important;border-top: 5px solid;}
		td.article_s 
		{width: 50%!important;float: left;text-align: right;height: 50px;font-size: 14px;padding: 10px 5px 0px 0px!important;font-weight: bold;background: #cac7c7!important;border-top: 5px solid;}
		td.name_s 
		{width: 100%;float: left;font-size: 12px;background: #f1f1f1!important;}
		td.name_s .pn{
			white-space: nowrap;
			max-width: 100%;
			overflow: hidden;
			max-width: 225px;
			text-overflow: ellipsis;
		}
		td.warehouse 
		{text-align: left!important;width: 20%!important;}
		
		td.stock {
			width: 15%!important;
		}
		td.deliverytime {
			text-align: right;
			width: 25%!important;
			vertical-align: top;
			white-space: nowrap;
		}
		td.price {
			text-align: right!important;
			width: 15%!important;
		}
		.brandhead {
			font-size: 17px!important;
			width: 100%;
			display: inline-block;
			margin-bottom: 10px;
		} }
		
		
		@media screen and (max-width: 380px) {
			td.brand_s 
			{width: 100%!important;float: left;height: 50px;padding: 10px 0px 0px 5px!important;font-size: 14px;background: #cac7c7!important;border-top: 5px solid;}
			td.article_s 
			{width: 100%!important;float: left;text-align: left;height: 50px;font-size: 14px;padding: 10px 0px 0px 5px!important;font-weight: bold;background: #cac7c7!important;border-top: none;}
			
		}
		
			nav.navbar.navbar-default {
			display:none;
			box-shadow: none;
			background: #313030;
			border: 1px solid #5a5757;
		}	
		@media screen and (max-width: 768px) { 
			nav.navbar.navbar-default {display:block;margin-bottom: -2px;}
			.form-1 , .authform {display:none;}
			}
		@media screen and (max-width: 992px) { 
			.logocenter {
				text-align: center;
			}
			.telephone  {
				text-align: center;
			}
			.telephone h5 {
				
				font-size: 16px;
			} 
			
			
		}
.navbar-default .navbar-toggle {
    background: #ffa600;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #ffffff;
background-color: #ffa600;
}
.modal-body > .form-1 {display:block;}

				




