html { min-width: 1010px; }
h2,body{color:#333;}


#order_form .form-group .col-sm-5,#order_form .form-group .col-sm-6{padding-left:10px; padding-right: 0px;}
.bwhite{background: white;}
.w100{width: 100%;}

.section{
    width: 100%;
    height: 100%;
}
.s2{height: 555px;}
.section1_bg{
    background: url(/img/bg1.jpg) top center no-repeat;
    min-height: 575px;
    width: 100%;
    background-size: cover;
    z-index: 1;
}
.section2_bg{
    background: rgba(0,0,0,0.7);
    min-height: 575px;
    width: 100%;
    z-index: 3;
}
.cred{color:red;}

.z5{z-index: 5}

.footer{background: #141414; min-height: 60px; color:#f0f0f0;}
.footer a:hover{color:#878787!important; text-decoration: none;}

.karatistl{
    top:15px;
    left:80px;
    position: absolute;
    z-index: 999;
    background: url(/img/karatist.png) top left no-repeat;
    width: 260px;
    height: 272px;
    display: inline-block;
}
.karatistr{
    top:15px;
    right:20px;
    position: absolute;
    z-index: 999;
    background: url(/img/karatistr.png) top left no-repeat;
    width: 260px;
    height: 272px;
    display: inline-block;
}

@media screen and (max-width: 1000px){
  .karatistr,.karatistl{top:0px;  width: 150px; background-size: 100%;}
}


.index_info{
    max-height: 300px;
    overflow: auto;
    margin:70px 0px 30px;
    padding:30px;
    box-shadow: 0px 0px 10px white;
    font-size:20px;
    color:#878787;
    background: rgba(0,0,0,0.5);
}

#zakaz_online .modal-dialog{width: 80%}

.registration_btn{
margin-top:30px;

    color: #333;
    background: #ffe655;
    border: 1px solid #ffe655;
    border-radius: 0;

display:       inline-block;
padding:       16px 40px;
text-align:    center;
padding: 18px 38px 16px;
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    transition: .3s ease-out;
}

.registration_btn:hover{
  
color: #fff;
background-color: #333;
border-color: #333;

}

.prel{position: relative;}
.pabs{position: absolute;}

.dbg{background:orange}
.f15{font-size:15px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f25{font-size:25px;}
.f30{font-size:30px;}
.f35{font-size:35px;}
.f40{font-size:40px;}
.f45{font-size:45px;}
.f50{font-size:50px;}
.ml4{margin-left:4px;}
.m0{margin:0px}.m5{margin:5px}.m10{margin:10px}.m20{margin:20px}.m30{margin:30px}.m40{margin:40px}.m50{margin:50px}
.mt0{margin-top:0px}.mt5{margin-top:5px}.mt10{margin-top:10px}.mt20{margin-top:20px}.mt30{margin-top:30px}.mt40{margin-top:40px}.mt50{margin-top:50px}
.mb0{margin-bottom:0px}.mb5{margin-bottom:5px}.mb10{margin-bottom:10px}.mb20{margin-bottom:20px}.mb30{margin-bottom:30px}.mb40{margin-bottom:40px}.mb50{margin-bottom:50px}
.mr0{margin-right:0px}.mr5{margin-right:5px}.mr10{margin-right:10px}.mr27{margin-right:27px}.mr20{margin-right:20px}.mr30{margin-right:30px}.mr40{margin-right:40px}.mr50{margin-right:50px}
.ml0{margin-left:0px}.ml5{margin-left:5px}.ml10{margin-left:10px}.ml20{margin-left:20px}.ml30{margin-left:30px}.ml40{margin-left:40px}.ml50{margin-left:50px}
.p0{padding:0px}.p5{padding:5px}.p10{padding:10px}.p20{padding:20px}.p30{padding:30px}.p40{padding:40px}.p50{padding:50px}
.pt0{padding-top:0px}.pt5{padding-top:5px}.pt10{padding-top:10px}.pt20{padding-top:20px}.pt30{padding-top:30px}.pt40{padding-top:40px}.pt50{padding-top:50px}
.pr0{padding-right:0px}.pr5{padding-right:5px}.pr10{padding-right:10px}.pr20{padding-right:20px}.pr30{padding-right:30px}.pr40{padding-right:40px}.pr50{padding-right:50px}
.pb0{padding-bottom:0px}.pb5{padding-bottom:5px}.pb10{padding-bottom:10px}.pb20{padding-bottom:20px}.pb30{padding-bottom:30px}.pb40{padding-bottom:40px}.pb50{padding-bottom:50px}
.pl0{padding-left:0px}.pl5{padding-left:5px}.pl10{padding-left:10px}.pl20{padding-left:20px}.pl30{padding-left:30px}.pl40{padding-left:40px}.pl50{padding-left:50px}



#product_box.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}

#product_box .modal-dialog {
  position: fixed;
  margin: 0;
  width: 100%;
  height: 100%;
  padding: 0;
}

#product_box .modal-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px solid #555;
  margin:20px;
  padding:5px;
  border-radius: 0;
  box-shadow: none;
}

#product_box .modal-header {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 20px;
  padding: 10px;
  background: #fff;
  border: 0;
}

#product_box .modal-title {
  font-weight: 300;
  font-size: 2em;
  color: #fff;
  line-height: 30px;
}

#product_box .modal-body {
  position: absolute;
  top: 40px;
  bottom: 30px;
  width: 99%;
  font-weight: 300;
  overflow: auto;
}

#product_box .modal-header .close {
    margin-top: 0px;
    margin-right: 10px;
}
#product_box .modal-footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 60px;
  padding: 10px;
  background: #f1f3f5;
}
.fright{float:right;}
.fleft{float:left;}

#product_box ::-webkit-scrollbar-track{
    background-color: #B4B4B4;
}
#product_box ::-webkit-scrollbar{
    width: 10px;
    height:10px;
    background-color: #B4B4B4;
}
#product_box ::-webkit-scrollbar-thumb{
    background-color: #636363;
    border:1px solid #636363;
}

#product_box ::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0,0,0,0.4); 
}
#stiker{position:absolute; top:0; left:0; display:none;}
#stiker_text{position:absolute; top:10px; right:10px; font-size:30px; cursor: pointer; display:none;}
.usersfiles{border:2px dashed gray; width:100%; height:100%;}
.product_info{}
#admin_siblings img{width:120px; height:90px;}
#admin_siblings li {text-align:center; margin:5px;}

#links .form-control.w50{width:50%}


/* Let's get this party started */
::-webkit-scrollbar {
    width: 6px;
  height:10px;
  background-color: #000;
}
 
/* Track */
::-webkit-scrollbar-track {
  background-color: #4d4d4d;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    background-color: #000;
  border:1px solid #000;
}
::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(0,0,0,0.4); 
}


/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
}

.regbtn{
  background:transparent; border:0; color:#333; margin:30px 0px 0px 20px; box-shadow:none; border-bottom:3px dashed #ffe655; padding:1px 0px 5px 0px; border-radius:0px; font-weight:normal; text-shadow:none; display: inline-block;
}
.regbtn:hover{background: transparent; border:0; border-bottom:3px solid #ffe655; color:#ffe655;}