/* =========================================================
   Author: Sparklingman
   Author website: www.qdesign.com.ua
   Author email: info@qdesign.com.ua
  ========================================================================== */
/* Copyright (C) 2013 QDesign (www.qdesign.com.ua) */

/***Slider***/
#slider-r{ width:100%; position:relative; }
#slider { width:100%; height:200px; display: inline-block; overflow: hidden; position:relative; border-radius:10px; }
#slider ul { padding: 0 0 10px; }
 
.slide { width:718px; height:198px; display: inline-block; border: 1px solid #00619F; border-radius: 10px; overflow: hidden; }
.slide img {  width:100%; height:100%; display: inline-block; border-radius: 10px; }
.sli-links{ position:absolute; bottom: 5px; right:0;  width:100%; text-align:center; opacity:0;}
#slider-r:hover .sli-links{  opacity:0.5;}
.sli-links .control-slide{cursor:pointer; margin:2px; display:inline-block; width:19px; height:19px; overflow:hidden; text-indent:-9999px; background:url(../images/check-radio.png)/*tpa=https://dev.audioparts.ru/published/publicdata/ARUSTAMAYNMAGAZIN/attachments/SC/themes/qdesign/images/check-radio.png*/ no-repeat -80px -19px; }
.sli-links .control-slide:hover{ opacity:0.8;}
.sli-links .control-slide.active{ background-position:-80px 1px;}
#prewbutton, #nextbutton{ opacity: 0; display:block; width:30px; height:100%; position:absolute; top:0; overflow:hidden; text-indent:-999px; z-index:3; outline:none !important;}
#slider:hover #prewbutton, #slider:hover #nextbutton{ opacity:0.5;}
#prewbutton:after { content:''; position:absolute; top:0; left:5px; width:18px; height:100%; display: inline-block; background: url(../images/arr-s-l.png)/*tpa=https://dev.audioparts.ru/published/publicdata/ARUSTAMAYNMAGAZIN/attachments/SC/themes/qdesign/images/arr-s-l.png*/ left center no-repeat; }
#nextbutton:after { content:''; position:absolute; top:0; right:5px; width:18px; height:100%; display: inline-block; background: url(../images/arr-s-l.png)/*tpa=https://dev.audioparts.ru/published/publicdata/ARUSTAMAYNMAGAZIN/attachments/SC/themes/qdesign/images/arr-s-l.png*/ -17px center no-repeat; }
#prewbutton:hover, #nextbutton:hover { }
#prewbutton{left:0;}
#nextbutton{ right:0; } 

/***Tab***/
/*-*tab-default*-*/
.q-tab { margin: 0 0 20px; display: inline-block; width:100%;}
.q-tabs { list-style: none; }
.q-tabs li { display: inline-block; cursor: pointer; position: relative;}
.q-tabs li:hover { }
.q-tabs li.current { }
.q-tabs li.current:hover { cursor: default;}
.q-box { display: none;}
.q-box.visible { display: block;  }
/*-*tab-style*-*/
.tab-style ul li { padding: 6px 20px; margin: 0 2px 0 0; font-weight:bold; z-index: 5; background:#F9CA02; color: white; text-shadow: 1px 1px 0 rgba(0,0,0,0.2); border-radius: 3px 3px 0 0; box-shadow: 0 -5px 3px -3px rgba(0, 0, 0, 0.3) inset;}
.tab-style ul li:hover { background: #5EA789;}
.tab-style ul li.current, .tab-style ul li.current:hover { background:#155145; box-shadow: none;}
.tab-style .q-box > div { padding: 10px;  color: white; background:#155145; border-radius: 0 5px 5px 5px;}
/*-*tab-style-left*-*/
.tab-left ul { float: left; width:20%;}
.tab-left .q-box { float: left; width: 80%;}
.tab-left ul li { width: 90%; padding: 6px 5%; font-weight:bold; background:#F9CA02; color: white; text-shadow: 1px 1px 0 rgba(0,0,0,0.2); border-radius: 3px 0 0 3px; margin: 0 0 3px; box-shadow: -5px 0 3px -3px rgba(0, 0, 0, 0.3) inset;}
.tab-left ul li.current, .tab-left ul li.current:hover { background:#155145; box-shadow: none; }
.tab-left ul li:hover { background: #5EA789; }
.tab-left .q-box > div { padding: 10px;  color: white; background:#155145; border-radius: 0 5px 5px 5px; min-height: 200px;}
/*-*tab-style-right*-*/
.tab-right ul { float: right; width:20%;}
.tab-right .q-box { float: right; width: 80%;}
.tab-right ul li { width: 90%; padding: 6px 5%; font-weight:bold; background:#F9CA02; color: white; text-shadow: 1px 1px 0 rgba(0,0,0,0.2); border-radius: 0 3px 3px 0; margin: 0 0 3px; box-shadow: 5px 0 3px -3px rgba(0, 0, 0, 0.3) inset;}
.tab-right ul li.current, .tab-right ul li.current:hover { background:#155145; box-shadow: none; }
.tab-right ul li:hover { background: #5EA789; }
.tab-right .q-box > div { padding: 10px;  color: white; background:#155145; border-radius: 5px 0 5px 5px; min-height: 200px;}

/***Accordion***/
#accordion {background: transparent;width: 720px; }
#accordion h4 {background: #00619F url(../images/accordion-top.png)/*tpa=https://dev.audioparts.ru/published/publicdata/ARUSTAMAYNMAGAZIN/attachments/SC/themes/qdesign/images/accordion-top.png*/ no-repeat 695px 15px; color:white;margin:15px 0 0;padding:5px 15px;cursor:pointer;		}
#accordion h4.current { cursor:default; background-image:  url(../images/accordion-active.png)/*tpa=https://dev.audioparts.ru/published/publicdata/ARUSTAMAYNMAGAZIN/attachments/SC/themes/qdesign/images/accordion-active.png*/; }
#accordion .pane { box-shadow: 0 0 0 1px #00619F inset; padding: 10px; display:none; height:auto;  position:relative; color:#555;}
 
/***Modal***/
.modal {cursor:pointer;}
.modalbox {display: none; position: fixed; top: 50%; left: 50%; z-index: 99999; min-width:300px; max-width:600px; text-align:left;}
#fadebody {display: none; background: rgba(0,0,0,0.5);position: fixed; left: 0; top: 0;width: 100%; height: 100%; z-index: 9999; box-shadow: 0 0 300px rgba(0, 0, 0, 0.9) inset;}
 .modalbox { padding: 15px 10px 10px; position:relative; background: white; border-radius: 10px; box-shadow: 0 25px 30px -20px rgba(0, 0, 0, 0.9), 0 0 20px -5px rgba(0, 0, 0, 0.4);}
.modalbox a.close { position:absolute; top: 10px; right:10px; line-height:100%; font-size:20px; color:black; text-decoration:none; }