@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } 
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  }
/***</Fresh>***/
 
/*Pallete*/
.color1 {color:#D5CC93;}
.color2 {color:#F9CA02;}
.color3 {color:#5EA789;}
.color4 {color:#155145;}
.color5 {color:#101300;} 

/*Typo*/
h1, h2, h3, h4, h5, h6 {color:#00639B; line-height:150%; font-weight:normal; text-align:left;}
h1 {font-size:24px;}
h2 {font-size:22px;}
h3 {font-size:20px;}
h4 {font-size:16px;}
h5 {font-size:14px;}
h6 {font-size:12px;}

p {margin: 0 0 10px;}

/*Ul Style*/
ul.tire li { margin: 0 0 3px;}
ul.tire li:before { content:"— "; color:#155145;}


/**circle**/
.circle {list-style: circle; padding: 0 0 0 16px;}
.circle li { margin: 0 0 3px;}
/**square**/
.square {list-style: square; padding: 0 0 0 16px;}
.square li { margin: 0 0 3px;}
/**disc**/
.disc {list-style:disc; padding:0 0 0 16px;}
.disc li {margin: 0 0 3px;}

/*blockquote*/
blockquote {margin: 5px 0 5px 10px; border-left: 10px solid #00619F;  padding: 3px 10px; position:relative;} 
blockquote cite:before { content:"— "; color:#155145;}

/*table*/
table { max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0;}
caption { padding: 8px; line-height: 20px; vertical-align: middle; color:#155145; text-transform: uppercase; font-weight: bold;}
.table { width: 100%; margin-bottom: 20px;}
.table th, .table td { padding: 8px; line-height: 20px; text-align: left; vertical-align: middle;}
.table th { font-weight: normal; background:#155145; color:white;}
.table thead th { vertical-align: bottom;}
.table td {border-top: 1px solid #00619F;}
.table tfoot td {background:#00619F; color: white;}
.table-border { border: 1px solid #155145;}
.table-border tbody td { border-left: 1px solid #155145;}
.table-border thead th, .table-border tfoot td { border-left: 1px solid rgba(0,0,0,0.3);}
.table-hover tr:hover {background: #FFEBC4;}
 
/*Color blok*/
.success {background: rgba(1, 128, 0, 0.4);}
.error {background: rgba(255, 0, 0, 0.4);}
.warning {background: rgba(255, 211, 0, 0.4);}
.info {background: rgba(15, 110, 197, 0.4);}

/*input*/
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"] { background: white; display: inline-block; border: 1px solid #bbb; padding:2px; vertical-align: middle; text-align:left; color:#444; font-size:14px; line-height:22px; width: 210px; height:22px; border-radius:4px; font-weight:normal; box-shadow:none; font-family: Arial, sans-serif; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
select:focus, 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 { box-shadow: 0 0 5px -3px #00659D; border-color: #00659D; }
input:focus:invalid, textarea:focus:invalid, select:focus:invalid { color: #b94a48; border-color: #ee5f5b; }
input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus { color: #b94a48; border-color: #e9322d; -webkit-box-shadow: 0 0 6px #f8b9b7; -moz-box-shadow: 0 0 6px #f8b9b7; box-shadow: 0 0 6px #f8b9b7;}
button[disabled], input[disabled] {background:#eee; cursor: default; border-color: #e5e5e5;}
input.error { border-color:red; background: rgba(255,0,0,0.1); color: red;}
input.error:focus { border-color:red; box-shadow: 0 0 5px red; }
input.success { border-color:green; color: green; }
input.success:focus { border-color:green; box-shadow: 0 0 5px green; }
select, select[multiple], select[size] { height: auto; }


.input-xsmall {width: 30px !important;}
.input-small {width: 50px!important;}
.input-medium {width: 100px!important;}
.input-large {width: 300px!important;}
.input-xlarge {width: 400px!important;}
.input-xxlarge {width: 500px!important;}



a.btn, a.button {text-decoration:none; color:white;} 
 
input[type="checkbox"] { }
input[type="checkbox"] + label { }
input[type="checkbox"] + label::before { display:inline-block; width:19px; height:19px; margin:-1px 4px 0 0; vertical-align:middle; background:url(../images/check-radio.png)/*tpa=https://dev.audioparts.ru/published/publicdata/ARUSTAMAYNMAGAZIN/attachments/SC/themes/qdesign/images/check-radio.png*/ no-repeat top left; cursor:pointer; content:"";}
input[type="checkbox"]:checked + label::before { background:url(../images/check-radio.png)/*tpa=https://dev.audioparts.ru/published/publicdata/ARUSTAMAYNMAGAZIN/attachments/SC/themes/qdesign/images/check-radio.png*/ no-repeat -20px top; }
input[type="checkbox"]:disabled + label::before {background:url(../images/check-radio.png)/*tpa=https://dev.audioparts.ru/published/publicdata/ARUSTAMAYNMAGAZIN/attachments/SC/themes/qdesign/images/check-radio.png*/ no-repeat -40px top; }
input[type="checkbox"]:disabled:checked + label::before {background:url(../images/check-radio.png)/*tpa=https://dev.audioparts.ru/published/publicdata/ARUSTAMAYNMAGAZIN/attachments/SC/themes/qdesign/images/check-radio.png*/ no-repeat -60px top;}
input[type="checkbox"]:disabled + label { color: #999;}


/*grid*/
.span1, .span2, .span3, .span4, .span5, .span6 {display: inline-block; vertical-align: top;}
.span1 {width:100%; }
.span2 {width:49.5%; }
.span3 {width:32.5%; }
.span4 {width:24.5%; }
.span5 {width:19.5%; }
.span6 {width:16%; }

/*Instro*/
.clear, .clr {clear:both; height:0;}
.fl  {float:left !important;}
.fr  {float:right !important;}
.nobg {background:none !important;} 
.nobd {border:none !important;} 
.w25  {width:25px !important;}
.w50  {width:50px !important;}
.w70  {width:70px !important;}
.w125 {width:125px !important;}
.w150 {width:150px !important;}
.w200 {width:200px !important;}
.w210 {width:210px !important;}
.w220 {width:220px !important;}
.w230 {width:230px !important;}
.w300 {width:300px !important;}
.w310 {width:310px !important;}
.w320 {width:320px !important;}
.w350 {width:350px !important;}
.w960 {width:960px !important;}


/*Box*/
.box { background: salmon; padding: 26px 26px 10px 52px; border-radius: 10px; position:relative; overflow:hidden; display: inline-block; margin:0 0 10px; text-shadow: 0 1px 0 rgba(255,255,255,0.4);} 
.box .icon-box { position:absolute; left: 14px; top:30px; font-size:30px; line-height:100%;} 
.box .close { position: absolute; top:5px; right:5px; color:#333; height: 20px; width:20px; line-height: 20px; text-align:center; text-decoration:none; -moz-transition: all 0.2s ease-out;}
.box .close:hover {  }
.box:hover .close { opacity: 1; -webkit-transform: scale(1.5);  -moz-transform: scale(1.5); -ms-transform: scale(1.5);  -o-transform: scale(1.5); transform: scale(1.5);}
.box:hover .close:active { -webkit-transform: scale(1);  -moz-transform: scale(1); -ms-transform: scale(1);  -o-transform: scale(1); transform: scale(1);}
.box h5 { font-weight:bold;}


.error { background: rgba(255,0,0,0.3); color:rgba(255,0,0,0.6); }
.error .close, .error h5 { color:rgba(255,0,0,0.6); }
.success { background: rgba(1, 128, 0, 0.3); color:rgba(1, 128, 0, 0.6); }
.success .close, .success h5 {  color:rgba(1, 128, 0, 0.6); }
.warning { background: rgba(255, 254, 0, 0.3); color: Goldenrod; }
.warning .close, .warning h5 { color: Goldenrod; }
.question {background: rgba(30, 147, 255, 0.3); color: dodgerblue;}
.question .close, .question h5 { color: dodgerblue;}
.just {background: rgba(0,0,0,0.01); color: black; box-shadow: 0 0 0 2px inset;}
.just .close, .just h5 { color: #333;}

/*dropcap*/
.dropcap {color: #155145; float: left; font-size: 58px; line-height: 54px; margin-top: -2px; padding:4px 10px 0 0;}