#carousel-example-generic01{
height:650px ! important;
position:relative ! important;
top:50px ! important;
}
.indicators01{
width:85% ! important;
height:50px ! important;
top:0px ! important;
margin:0px ! important;
left:0 ! important;
top:-50px ! important;
}
.sladerea .carousel-indicators  .active{
background:#C5C613 ! important;
}
.sladerea .carousel-indicators li{
background:#C9C7CA ! important;
}
.sladerea{
height:300px;
width:450px;
margin-top:30px;
}
.sladerea .carousel-indicators{
text-align:center;
position:absolute ! important;
top:357px;
}

.sladerea .carousel-indicators li{
background:#C9C7CA ! important;
}
.sladerea .carousel-inner   img{
width:450px;
height:350px ! important;
border:1px solid #C5C613;
margin-left:1px;
}
.texte{
height:390px;
width:500px;
margin-top:39px;
}
.texte p{
height:298px;
overflow-y:auto;
font-size:17px ! important;
line-height:30px ! important;
padding-right:4px
}
.texte p::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

.texte p::-webkit-scrollbar
{
	width: 5px;
	background-color: #F5F5F5;
}

.texte p::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
}
.texte h4{
text-align:center;
}
.add{
background-color:#C5C613;
border:1px solid #C5C613;
font-size:18px;
outline:none;
width:170px;
height:40px;
float:right;
color:black;
top:-12px;
position:relative;
z-index:2;
}
.adder{
    position: absolute;
    right: 128px;
    margin-top: -55px;
	background-color:#C4C416;
    border:1px solid #C4C416;
	outline:none;
	cursor:auto;
	display:none;
	color:#01458E;
}
.add3{
background-color:#CCCCCC;
border:1px solid #CCCCCC;
font-size:18px;
outline:none;
width:170px;
height:40px;
float:right;
right:-170px;
color:black;
top:-12px;
position:relative;
z-index:1;
}
.indicators01 .active {
background-color:#F5F3F3 ! important;
border:2px solid #F5F3F3! important;
}
.indicators01 .active span{
color:#C5C613 ! important;
}
.indicators01  li{
border:none ! important;
width:18% ! important;
height:50px ! important;
position:relative ! important;
border-radius:0px! important;
background-color:#CCCCCC! important;
background-color:white;
top:0px ! important;
padding:0 ! important;
margin:0 ! important;
border:2px solid #CCCCCC ! important;
top:0px ! important;
}
.indicators01 .ael{
width:9% ! important;
top:0px ! important;
}
.indicators01 .ael1{
width:5% ! important;
top:-4px ! important;
margin-left:5% ! important;
background-color:#C6C60E ! important;
border:2px solid #C6C60E! important;
}
.indicators01 .ael3{
width:5.05% ! important;
top:-3px ! important;
margin-left:-5% ! important;
background-color:#CCCCCC ! important;
border:3px solid #CCCCCC ! important;
}
.indicators01 li span{
position:relative ! important;
left:1040px ! important;
top:10px ! important;
color:black ! important;
}
.indicators01 .ael span{
left:1003px ! important;
}
.indicators01 .ael1 span{
left:990px ! important;
top:8px ! important;
}
.indicators01 .ael1 .glyphicon-shopping-cart{
color:#00438F ! important;
}
.glyphicon-shopping-cart{
font-size:20px;
margin-top:-7px;
}
#down{
margin:auto;
position:relative;
border:2px solid #C5C613;
width:150px;
text-align:center;
padding-left:15px;
padding-right:15px;
padding-top:10px;
padding-bottom:10px;
top:70px;
}
#down a{
font-size:20px;
text-decoration:none;
outline:none;
color:#333333;
}
#scrprod{
width:100%;
text-align:center;
font-size:28px;
position:relative;
color:white;
padding-top:30px;
z-index:100;
text-transform: uppercase;
}
#scrprod1{
width:100%;
position:absolute;
z-index:-500000;
height:40px;
}
#produkt1{
width:100%;
position:relative;
background-color:#F5F3F4;
margin:auto;
}
#produkt{
width:100%;
position:relative;
}
@media only screen and (max-width:1600px){
#produkt1{
width:100%;
position:relative;
}
}
.inner.item{
margin:0 ! important;
padding:0 ! important;
}
@media only screen and (max-width:1600px){
#slider {
  position: relative;
  overflow: hidden;
  border-radius: 4px;
  height:530px ! important;
  width:100% ! important;
  }
}
.slod{
    position: relative;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width: 100% ! important;
  height:530px ! important;
}
.slod .img{
width:550px ! important;
height:430px ! important;
margin-top:50px;
margin-left:5%;
border:2px solid #C5C613;
} 
.leslid{
background:none ! important;
opacity:1 ! important;
width:70px;
height:80%;
top:10%;
color:#C5C613;
}
.rislid{
background:none ! important;
opacity:1 ! important;
width:70px;
height:80%;
top:10%;
color:#C5C613;
}
.leslid:hover{
color:#C5C613;
}
.rislid:hover{
color:#C5C613;
}
#slte{
width:45%;
height:450px;
position:absolute;
top:50px;
left:50%;
}
#slte .h3p{
text-align:center;
}
.h4{
position:relative;
top:10px;
text-align:center;
border:1px solid #C4C416;
width:215px;
padding-top:15px;
padding-bottom:15px;
float:left;
margin-left:17%;
margin-right:10px;
}
.pop{
background:#C4C416 ! important;
border:1px solid #C4C416 ! important;
position:relative ! important;
border:2px solid #C5C613 ! important;
height:51px ! important;
text-align:center ! important;
padding-left:20px ! important;
padding-right:20px ! important;
outline:none;
color:white;
top:20px;
margin-left:10px;
font-size:19px;
border-radius:0px;
outline:none ! important;
text-transform: uppercase ! important;
float:left;
}
#slte .dev{
font-size:17px ! important;
height:270px;
line-height:30px;
max-width:95% ! important;
overflow-y:auto;
padding-right:4px
}
.dev::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

.dev::-webkit-scrollbar
{
	width: 5px;
	background-color: #F5F5F5;
}

.dev::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
}
.read-more1 {
  display: none;
}
.indicators{
width:100%;
height:375px;
position:relative;
top:0px;
left:0px;
margin:0px;
text-align:center;
background-image: url("../images/bg_1.jpg");
background-size:100% 100%;
background-repeat:no-repeat;
margin-top:-72px;
}
.indicators .active{
 background:url("../images/arrow (1).png") no-repeat ! important;
background-position: 50% 101% !important; 
width:230px;
height:250px;
}
.indicators li{
border:none ! important;
width:230px ! important;
height:275px ! important;
}
.indicators li p{
text-transform: uppercase ! important;
}
.indicators .li{
text-indent:0px;
margin-top:103px;
}
.indicators .li p{
color:white;
font-size:22px;
margin-top:20px;
}
.indicators .li1{
text-indent:0px;
margin-left:150px;
}
.indicators .li1 p{
color:white;
font-size:22px;
margin-top:20px;
}
.indicators .li2{
text-indent:0px;
margin-left:150px;
}
.indicators .li2 p{
color:white;
font-size:22px;
margin-top:20px;
}
.indicators .li3{
text-indent:0px;
margin-left:150px;
}
.indicators .li3 p{
color:white;
font-size:22px;
margin-top:20px;
}
.inner{
height:0px;
width:1580px;
margin:auto ! important;
padding:0 ! important;
  -webkit-transition: height 0.5s ease ! important;
  -moz-transition: height 0.5s ease ! important;
  transition: height 0.5s  ease ! important;
  background-color:#F5F3F4 ! important;
}
.tog1{
height:540px;
width:1580px;
margin:auto ! important;
  -webkit-transition: height 0.5s ease ! important;
  -moz-transition: height 0.5s ease ! important;
  transition: height 0.5s  ease ! important;
}
.item50{
width:1580px ! important;
margin:auto ! important;
}
@media only screen and (max-width:1600px){
.inner{
height:0px;
width:100% ! important;
margin:0 ! important;
padding:0 ! important;
  -webkit-transition: height 0.5s ease ! important;
  -moz-transition: height 0.5s ease ! important;
  transition: height 0.5s  ease ! important;
  background-color:#F5F3F4 ! important;
}
.tog1{
height:570px;
width:100% ! important;
  -webkit-transition: height 0.5s ease ! important;
  -moz-transition: height 0.5s ease ! important;
  transition: height 0.5s  ease ! important;
}
.item50{
width:100% ! important;
}
}
.ze{
top:50%;
font-size:35px;
}
.ze1{
top:50%;
font-size:35px;
}
.ze2{
top:50%;
font-size:35px;
}
.ze3{
top:50%;
font-size:35px;
}
@media only screen and (max-width:1420px){
.indicators .li1{
margin-left:100px;
}
.indicators .li2{
margin-left:100px;
}
.indicators .li3{
margin-left:100px;
}
}
@media only screen and (max-width:1265px){
.indicators li{
width:130px ! important;
height:180px ! important;
}
.indicators li img{
width:130px;
height:115px;
}
.indicators li p{
font-size:15px ! important;
margin-top:5px ! important;
}
.indicators .li1{
margin-left:150px;
}
.indicators .li2{
margin-left:150px;
}
.indicators .li3{
margin-left:150px;
}
.indicators{
height:279px;
}
#drop{
top:217px ! important;
}
}
@media only screen and (max-width:1005px){
.indicators .li1{
margin-left:100px;
}
.indicators .li2{
margin-left:100px;
}
.indicators .li3{
margin-left:100px;
}
}
@media only screen and (max-width:865px){
.indicators li{
width:105px ! important;
height:140px ! important;
}
.indicators li img{
width:105px;
height:95px;
}
.indicators li p{
font-size:13px ! important;
margin-top:3px ! important;
}
.indicators{
height:240px;
}
}
@media only screen and (max-width:770px){
.indicators .li1{
margin-left:70px;
}
.indicators .li2{
margin-left:70px;
}
.indicators .li3{
margin-left:70px;
}
}
@media only screen and (max-width:670px){
.indicators li{
width:85px ! important;
height:120px ! important;
}
.indicators li img{
width:85px;
height:75px;
}
.indicators li p{
font-size:11px ! important;
margin-top:1px ! important;
}
.indicators{
height:220px;
}
}
@media only screen and (max-width:600px){
.indicators .li1{
margin-left:50px;
}
.indicators .li2{
margin-left:50px;
}
.indicators .li3{
margin-left:50px;
}
}
@media only screen and (max-width:1365px){
#slte{
width:53%;
left:42%;
top:25px;
}
.slod .img{
width:450px ! important;
height:360px ! important;
}
.slod{
height:455px ! important;
}
.tog1{
height:500px;
}
}
@media only screen and (max-width:1370px){
.modal-content1{
height:650px ! important;
}
}
@media only screen and (max-width:1361px){
.modal-content1{
height:610px ! important;
}
#example6{
margin-top:40px ! important;
}
}
@media only screen and (max-width:1281px){
.modelog{
margin-top:-314px ! important;
}
}
@media only screen and (max-width:1285px){
#slte{
width:47%;
left:46%;
top:25px;
}
.slod{
height:505px ! important;
}
.tog1{
height:505px;
}
.h4{
margin-left:10%;
}
}
@media only screen and (max-width:1185px){
#slte{
width:47%;
left:49%;
top:25px;
}
#slte .dev{
line-height: 25px;
height:277px;
}
.h4{
margin-left:5%;
}
}
@media only screen and (max-width:1070px){
.slod .img{
width:400px ! important;
height:300px ! important;
margin-left:7%;
}
#slte .dev{
height:200px;
}
#slte{
width:44%;
}
.h4{
margin-left:0%;
}
.slod{
height:405px ! important;
}
.tog1{
height:440px;
}
}
@media only screen and (max-width:1050px){
.slod .img{
width:365px ! important;
height:265px ! important;
margin-left:7%;
}
.h4{
font-size:14px;
font-weight:bold;
width:180px;
margin-left:8%;
}
.pop{
font-size:15px;
font-weight:bold;
height:47px;
}
#slte{
width:47%;
left:47%;
}
}
.popmail{
width:300px;
height:40px;
border:1px solid #C6C60E;
outline:none;
background:none;
font-size:18px;
}
.poptel{
width:300px;
height:40px;
border:1px solid #C6C60E;
outline:none;
background:none;
font-size:18px;
}
.modal-content1 p{
font-size:18px;
}
.batensub{
width:100px;
height:50px;
border:1px solid #C6C60E;
outline:none;
background:none ! important;
}
.batensub:hover{
background:#C6C60E ! important;
color:white;
}
.ferter{
position:relative ! important;
top:0px ! important;
}
.input-number {
  border: 1px solid #C6C60E;
  overflow: hidden;
  position: relative;
  height: 40px;
  width: 120px;
  margin-left:85px;
  top:28px;
}
.input-number1{
  top:68px ! important;
margin-left:5%;
  width:90% ! important;
}
.input-number input {
  border: none;
  display: inline-block;
  height: 100%;
  padding: 0 10px;
  outline: none;
  position: relative;
  background:none;
  width:95px;
}

.input-number-increment,
.input-number-decrement {
  background-color: #C5C613;
  border: 0;
  border-left: 1px solid #e6ebee;
  cursor: pointer;
  display: block;
  outline: none;
  position: absolute;
  width: 28px;
  height: 20px;
  text-align: center;
  right: 0;
}

.input-number-increment:hover:before {
  border-bottom-color: black;
}

.input-number-decrement:hover:before {
  border-top-color: black;
}

.input-number-increment {
  border-bottom: 1px solid black;
  top: 0;
}

.input-number-decrement {
  bottom: 0;
}

.input-number-increment:before,
.input-number-decrement:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 0; 
  height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
}

.input-number-increment:before {
	border-bottom: 5px solid black;
}

.input-number-decrement:before {
	border-top: 5px solid black;
}
#drop{
width:100%;
height:30px;
top:285px;
position:absolute;
z-index:-50000 ! important;
}
.karz{
height:470px ! important;
}
#example6{
height:470px;
margin-top:100px;
width:90% ! important;
}
#example6_paginate{
display:none;
}
#example6_info{
display:none;
}
.prodekars{
background-color:#C5C613;
width:90%;
position:absolute;
top:0px;
left:5%;
display:inline-block;
display:block;
}
.prodekarsnone{
display:none;
}
.prodekars1{
width:90%;
position:absolute;
bottom:54px;
height:40px;
left:5%;
display:inline-block;
display:block;
}
.prodekarsnone1{
display:none;
}
.prodekars1 button{
height:100%;
font-size:18px;
background:none;
border:none;
outline:none;
float:right;
}
.prodekars1 button span{
margin-right:45px;
color:black;
}
.prodekars1 button .amde{
margin-right:0px ! important;
}
.prodekars1 button .totyel{
color:#C5C613  ! important;
}
.prodekars1 button .tote{
font-size:13px  ! important;
margin-left:3px ! important;
position:relative;
top:-3px;
}
.prodekars2{
width:90%;
position:absolute;
bottom:0px;
border-top:2px solid #C5C613;
height:50px;
left:5%;
display:inline-block;
display:block;
}
.prodekarsnone2{
display:none;
}
.prodekars2 button{
background-color:#C5C613;
border:none;
height:40px;
font-size:19px;
width:200px;
float:right;
margin-top:10px;
color:black;
outline:none;
}
.prodekars .spane{
float:left;
width:18.8% ! important;
text-align:center;
font-size:18px;
color:black;
padding-top:3px;
padding-bottom:3px;
}
.scrolkarz{
    width:102%;
	position:relative;
	left:-10px;
	top:-37px;
    height:362px;
    overflow-y:scroll;
margin-top:12px;
display:block;
border-bottom:1px solid #C5C613; 
}
.scrolkarz1{
display:none;
}
.karze{
display:inline-block;
width:100%;
border-bottom:1px solid #C5C613; 
}
.karzprode{
width:19.2%;
height:180px;
float:left;
font-size:19px;
border-left:1px solid #DEDCDD;
}
.karzprode1{
width:4%;
height:180px;
float:left;
font-size:19px;
border-left:1px solid #DEDCDD;
}
.karzprode p{
font-size:20px;
color:black;
margin-top:70px;
margin-left:3px;
}
.karzprode .button{
width:100%;
height:100%;
background:none;
border:none;
outline:none;
cursor:auto ! important;
}
.karzprode1 button{
width:100%;
height:100%;
background:none;
border:none;
outline:none;
color:#C5C613;
}
.mess{
    width:100%;
	height:250px;
	position:relative;
	top:-118px;
	display:none;
	text-align:center;
}
.mess1{
    width:100%;
	height:250px;
	position:relative;
	top:-118px;
	display:block;
	text-align:center;
}
.back{
background:none;
border:none;
outline:none;
color:black;
width:150px;
height:30px;
font-size:17px;
margin-left:-76px;
}
.glyphicon-arrow-left{
color:#C5C613;
}
.mess input{
width:300px;
height:30px;
border:1px solid #C5C613;
outline:none;
color:black;
font-size:18px;
background-color:#F5F3F3;
}
.spo{
color:black;
font-size:18px;
}
.bs-example-modal-lg1{
width:100% ! important;
height:100% ! important;
z-index:8000000 ! important;
background:none;
outline:none;
border:none;
}
.modelog{
z-index:300000 ! important;
width:1245px ! important;
height:670px;
top:50%;
left:50%;
margin-left:-622.5px;
margin-top:-335px;
}
@media only screen and (max-width:1265px){
.indicators01 .ael1{
width:5.5% ! important;
}
.indicators01 .ael3{
width:5.55% ! important;
margin-left: -5.55% ! important;
}
.modelog{
width:1000px ! important;
height:600px;
margin-left:-500px;
margin-top:-300px;
}
.modal-content1{
height:600px ! important;
}
.sladerea .carousel-inner   img{
width:350px ! important;
height:250px ! important;
}
.sladerea{
width:350px ! important;
margin-top:80px ! important;
}
.sladerea .carousel-indicators{
top:260px ! important;
}
.su {
margin-top:-10px ! important;
}
.texte{
margin-top:50px;
}
.texte p{
font-size:16px ! important;
}
.indicators01 li span {
left:1015px ! important;
}
.indicators01 .ael span{
left:992px ! important;
}
.indicators01 .ael1 span{
left:989px ! important;
}
.quan{
margin-left:-969px ! important;
}
.dt1{
margin-left:-979px ! important;
}
#example6{
margin-top:25px;
}
.cuan{
top:32px ! important;
}
.input-number{
top:0px;
}
.add{
top:-40px;
}
.add3{
top:-40px;
}
#example1_paginate{
margin-top:-15px ! important;
}
#example1_info{
margin-top:-15px ! important;
}
#example2_paginate{
margin-top:-15px ! important;
}
#example2_info{
margin-top:-15px ! important;
}
#example3_paginate{
margin-top:-15px ! important;
}
#example3_info{
margin-top:-15px ! important;
}
#example4_paginate{
margin-top:-15px ! important;
}
#example4_info{
margin-top:-15px ! important;
}
#example5_paginate{
margin-top:-15px ! important;
}
#example5_info{
margin-top:-15px ! important;
}
.dataTables_info{
width:58% ! important;
}
.dataTables_paginate{
width:42% ! important;
}
.found{
margin-right:-15px;
}
.card1{
right:195px;
}
}
@media only screen and (max-width:1030px){
.modelog{
width:900px ! important;
height:600px;
margin-left:-450px;
margin-top:-300px;
}
.card1{
right:132px;
}
.modal-content1{
height:600px ! important;
}
.indicators01{
width:90% ! important;
}
.dataTables_info{
width:55% ! important;
}
.dataTables_paginate{
width:45% ! important;
}
}
.cuan{
font-size:17px;
color:black;
width:80px;
position:relative;
top:60px;
}
.sende{
background:#C5C613;
border:none;
width:180px;
height:40px;
border-radius:0px;
outline:none;
color:black;
font-size:18px;
margin-left:-14px;
}
.dt1 {
margin-left:-981px;
} 
.quan{
width:20px;
height:20px;
margin-left:-969px;
margin-top:-28px;
border-radius:15px;
background-color:white;
color:#00438F ! important;
position: relative;
    top: -5px;
	text-align:center ! important;
}
.quan12{
background-color:#C6C60E;
}
.con{
width:20px;
height:20px;
background-color:white;
border-radius:20px;
position:relative;
top:-7px;
left:13px;
z-index:20;
}
.cf{
margin-left:0px ! important;
font-weight:bold;
}
.dataTables_info{
position:relative ! important;
left:0px ! important;
width:67%;
float:left;
top:-4px;
}
.found{
width:146px;
margin-right:-15px;
float:right;
}
.found1{
width:205px;
margin-right:-15px;
float:right;
}
.dataTables_paginate{
position:relative ! important;
float:left;
width:33%;
}
.glover{
width:100%;
height:100%;
margin-top:10px;
}
@media only screen and (max-width:990px){
.modelog {
    width: 900px ! important;
    height: 480px;
    margin-left: -450px;
    margin-top: -240px;

}
.texte p{
height:245px;
}
.modal-content1{
height:485px ! important;
}
.texte{
margin-top:0px;
}
.sladerea{
margin-top:-18px ! important;
}
.cuan{
top:10px ! important;
}
.input-number{
top:-22px;
}
.add{
top:-61px;
right:20px;
}
.add3{
top:-61px;
right:-150px;
}
#example1_paginate{
margin-top:-32px ! important;
}
#example1_info{
margin-top:-15px ! important;
}
#example2_paginate{
margin-top:-32px ! important;
}
#example2_info{
margin-top:-15px ! important;
}
#example3_paginate{
margin-top:-32px ! important;
}
#example3_info{
margin-top:-15px ! important;
}
#example4_paginate{
margin-top:-32px ! important;
}
#example4_info{
margin-top:-15px ! important;
}
#example5_paginate{
margin-top:-32px ! important;
}
#example5_info{
margin-top:-15px ! important;
}
.dataTables_info{
top:-17px;
}
.karze{
display:inline-block;
width:100%;
height:120px ! important;
border-bottom:1px solid #C5C613; 
}
.karzprode{
width:18.8%;
height:120px ! important;
float:left;
font-size:19px;
border-left:1px solid #DEDCDD;
}
.karzprode1{
width:5%;
height:120px ! important;
float:left;
font-size:19px;
border-left:1px solid #DEDCDD;
}
.scrolkarz{
    width:102%;
	position:relative;
	left:-10px;
	top:-49px ! important;
    height:240px ! important;
    overflow-y:scroll;
margin-top:12px ! important;
border-bottom:1px solid #C5C613; 
}
.input-number1{
top:40px ! important;
}
.karzprode p{
margin-top:42px;
}
#example6{
height:390px;
}
.karz{
height:375px ! important;
}
.mess1{
top:-50px;
}
}
.oldiver{
width:100%;
  -webkit-transition: height 0.5s ease ! important;
  -moz-transition: height 0.5s ease ! important;
  transition: height 0.5s  ease ! important;
  height:0px;
}
.oldiver1{
width:100%;
  -webkit-transition: height 0.5s ease ! important;
  -moz-transition: height 0.5s ease ! important;
  transition: height 0.5s  ease ! important;
 height:100%;
}
@media only screen and (max-width:1028px){
.karzprode{
height:130px;
width:19%;
}
.karze{
height:130px;
}
.karzprode1{
height:130px;
}
.scrolkarz{
height:260px;
margin-top:0px;
top:-34px;
}
#example6{
height:390px;
margin-top:30px ! important;
}
.karz{
height:375px ! important;
}
.input-number1{
top:45px ! important;
}
.mess1{
top:-82px;
}
}
@media only screen and (max-width:1028px){
@media all and (orientation:landscape){ 
.modal-content1{
height:490px ! important;
}
.modelog {
    height: 470px ! important;
    margin-top: -235px ! important;
}
.texte{
margin-top:-19px;
height:390px;
width:450px;
position:relative;
top:30px;
}
.sladerea{
margin-top:-0px ! important;
}
.texte p{
height:213px;
}
}
}