* {
    margin: 0;
    padding: 0;
}

@font-face {
    font-family: "FuturaPT";
    src: url("../fonts/Montserrat-Regular.ttf");
}
@font-face {
    font-family: "FuturaPT-Bold";
    src: url("../fonts/Montserrat-Bold.ttf");
}
@font-face {
    font-family: "FuturaPT-Medium";
    src: url("../fonts/Montserrat-Medium.ttf");
}
@font-face {
    font-family: "FuturaPT-Demi";
    src: url("../fonts/Montserrat-SemiBold.ttf");
}
@font-face {
    font-family: "FuturaPT-Light";
    src: url("../fonts/Montserrat-Light.ttf");
}

*, *:before, *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
    font-family: "FuturaPT";
}
.clear{
    clear: both;
}
.marg-cent{
	margin: 0 auto!important;
}
.promo-visin{
    display: none;
    text-align: center;
}
.promo-text{
    text-align: center;
    padding-top: 20px;
    font-size: 18px;
    padding-bottom: 10px;
}
.promo-inp{
    width: 60%;
    height: 35px;
    margin-bottom: 15px;
    padding-left: 15px;
}
.btn-promo{
    margin: 0 auto;
    display: block;
    width: 180px;
    padding: 5px 25px;
    font-size: 15px;

}
.header{
    background: #03860f;
    height: 40px;
    padding-top: 6px;
}
.karta-b{
    padding-right: 40px;
    display: inline-block;
}
.karta-s{
    display: inline-block;
}
.sebetbos{
	padding-top: 30px;
    padding-bottom: 200px;
	font-size: 20px;
}
.succs{
    padding-top: 70px;
    padding-bottom: 90px;
}
.succ-text{
    text-align: center;
    font-size: 30px;
    font-family: "FuturaPT-Demi";
}
.succ-zag {
    font-size: 23px;
    padding-top: 20px;
    line-height: 1.2;
    text-align: center;
}
.succ-300{
    margin: 0 auto;
    display: block;
    width: 220px;
}
.btn-succ{
    height: 40px;
    width: 220px;
    margin: 0 auto;
    display: block;
    margin-top: 30px;
}
.bottop{
	padding-bottom: 200px;
}
.top30senew{
    padding-top: 20px;
}
.site-about{
    padding-bottom: 50px;
}
.text-about{
    font-size: 20px;
    color: rgb(0, 0, 0);
    line-height: 1.2;
    text-align: left;
    padding-top: 20px;
}
.karta-img{
    display: inline-block;
    vertical-align: middle;
    padding-right: 7px;
}
.karta-text {
    font-size: 14px;
    color: #ffffff;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
}
.rejim{
    font-size: 14px;
    color: rgb(254, 254, 255);
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
    padding-right: 10px;
}
.rejim2 {
    font-size: 14px;
    font-family: "FuturaPT-Bold";
    color: rgb(254, 254, 255);
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
}
.right-b{
    float: right;
}
.sign{
    display: inline-block;
    padding-right: 20px;
}
.sign a:hover{
    text-decoration: none;
}
.login{
    display: inline-block;
}
.login a:hover{
    text-decoration: none;
}
.sign-img{
    display: inline-block;
    vertical-align: middle;
    padding-right: 2px;
}
.sign-text{
    font-size: 14px;
    font-family: "FuturaPT-Bold";
    color: rgb(254, 254, 255);
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
}

.header2{
    padding-top: 20px;
}
.logo-img{
    display: inline-block;
    vertical-align: middle;
    padding-right: 15px;
    width: 220px;
}
.logo-text{
    font-size: 14px;
    color: rgb(0, 0, 0);
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
}
.poisk{
    padding-top: 10px;
}
.search1 {
    border: 1px solid #000000;
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
    width: 445px;
    height: 38px;
    opacity: 0.502;
}
.search1:focus{
    border: 2px solid #03860f;
    outline: none;
}
.submit11 {
    margin-left: -8px;
    width: 102px;
    height: 38px;
    border-radius: 5px;
    border: 1px solid #03860f;
    background: url(../img/poisk.png) no-repeat left;
    background-position-x: 15px;
    background-color: #03860f;
    color: #ffffff;
    padding-right: 12px;
    text-align: right;
}
.korz{
    height: auto;
    display: block;
    float: right;
    padding: 5px;
}
.korz:hover{
    background: #f8f8f8;
}
.korzina-img{
    display: inline-block;
    vertical-align: middle;
    padding-right: 5px;
    width: 44px;
}
.korz-block{
    display: inline-block;
    vertical-align: middle;
}
.sseb{
    display: inline-block;
}
.korz-text {
    font-size: 14px;
    color: rgb(0, 0, 0);
    line-height: 1.5;
    text-align: left;
}
.korz-text span{
    color: #ff0000;
}
.text-dec a:hover{
    text-decoration: none;
}
.text-dec a:active{
    text-decoration: none;
}
.korz{
    padding-top: 10px;
}
.wid {
    opacity: 0.2;
    background: #000000;
    height: 1px;
    margin-top: 10px;
    width: 160px;
}
.menu{
    padding-top: 25px;
    margin-bottom: 0;
}
.menu ul li{
    display: inline-block;
    list-style: none;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 15px;
}
.menu-nav{
    color: rgb(13, 10, 50);
    font-size: 22px;
    display: inline-block;
    padding-right: 15px;
    padding-left: 15px;
}
.menu ul li:hover{
    background: #f8f8f8;
}
.menu ul li a{
    font-size: 21px;
    font-family: "FuturaPT-Demi";
    color: rgb(13, 10, 50);
    line-height: 1.2;
    -moz-transform: matrix( 0.99953261778199,0,0,1.00082304526749,0,0);
    -webkit-transform: matrix( 0.99953261778199,0,0,1.00082304526749,0,0);
    -ms-transform: matrix( 0.99953261778199,0,0,1.00082304526749,0,0);
}
.menu ul li a:hover{
    text-decoration: none;
}
.niz-img{
    cursor: pointer;
    transform: rotate(0deg);
}
.menu-click{
    cursor: pointer;
}
.menu-none{
    background: #f8f8f8;
    padding: 15px;
    margin-top: 10px;
    margin-left: -15px;
    position: absolute;
    display: none;
    z-index: 99;

}
.menu-none a {
    font-size: 18px!important;
    color: rgb(13, 10, 50);
    line-height: 1.4!important;
    text-align: left;
}
.menu-none a:hover{
    text-decoration: underline!important;
}

.a1 {
    background-color: #ffffff;
    height: auto;
    padding-top: 0;
}
.slid-text{
    font-size: 22px;
    font-family: "FuturaPT-Bold";
    color: rgb(0, 0, 0);
    line-height: 1.2;
    padding-top: 30px;
}
.slid-text2 {
    font-size: 18px;
    color: rgb(0, 0, 0);
    line-height: 1.2;
    padding-top: 10px;
    width: 370px;
}
.owl-theme .owl-dots1 .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #000!important;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #000!important;
}
.owl-theme .owl-dots .owl-dot:focus {
    outline: none!important;
}
.owl-theme .owl-nav.disabled+.owl-dots {
    z-index: 99999;
    position: absolute;
    margin-left: 52% !important;
    margin-top: -50px!important;
}
.owl-theme .owl-dots .owl-dot span {
    width: 8px;
    height: 8px;
    margin: 5px 7px;
    background: none!important;
    border: 1px solid #000000;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
}
.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 0!important;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    background-color: rgba(0, 0, 0, 0);
    filter: alpha(opacity=50);
    opacity: .5;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
    margin-left: -10px;
    background: #03860f;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    cursor: pointer;
}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
    margin-right: -10px;
    background: #03860f;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    cursor: pointer;
}
.glyphicon-chevron-left:before {
    content: "\e079";
    vertical-align: middle;
    font-size: 19px;
}
.glyphicon-chevron-right:before {
    content: "\e080";
    vertical-align: middle;
    font-size: 19px;
}
.carousel-indicators .active {
    width: 8px!important;
    height: 8px!important;
    margin: 1px;
    background-color: #000!important;
    margin-left: 20px;
}
.carousel-indicators li {
    display: inline-block;
    width: 8px!important;
    height: 8px!important;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #000!important;
    border-radius: 10px;
    margin-left: 20px;
}
.kitap-img {
    margin: 0 auto;
    max-height: 450px;
    width: 100%;
}
.btn-max {
    background-color: #03860f;
    box-shadow: 0px 5px 9.5px 0.5px rgba(0, 0, 0, 0.3);
    width: 213px;
    height: 35px;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 1.2;
    color: rgb(255, 255, 255);
    border-radius: 30px;
    border: none;
    margin-top: 30px;
}
.btn-max:hover{
    background-color: #03860f;
    box-shadow: 0px 0px 9.5px 0.5px rgba(0, 0, 0, 0.5);
}
.btn-max:active{
    background-color: #03860f;
    border-color: #03860f;
}
.btn-max:focus{
    outline: none!important;
}

.a2{
    background: #ffffff;
    padding-top: 40px;
    padding-bottom: 40px;
}
.a2-title {
    font-size: 22px;
    font-family: "FuturaPT-Bold";
    color: rgb(0, 0, 0);
    line-height: 1.2;
    text-align: left;
    display: inline-block;
}
.tolik-awu {
    display: inline-block;
    float: right;
}
.a2-title2 {
    font-size: 18px;
    color: rgba(255, 96, 40, 0.8);
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
}
.tolik-awu a{
    color: rgba(255, 96, 40, 0.8);
}
.tolik-awu a:hover{
    color: rgba(255, 96, 40, 0.8);
    text-decoration: none;
}
.glip{
    vertical-align: sub;
    font-size: 12px;
}

.col-2{
    width: 90%;
    position: relative;
    min-height: 1px;
    margin: 15px;
}
.left-knopka{
    margin-left: -18px!important;
}
.right-knopka{
    margin-right: -25px!important;
}
.slide-block{
    padding-top: 0px;
    height: 420px!important;
}
.k-title {
    font-size: 18px;
    color: rgb(0, 0, 0);
    text-transform: uppercase;
    line-height: 1.2;
    text-align: left;
    padding-top: 10px;
}
.k-author {
    font-size: 14px;
    color: rgb(0, 0, 0);
    line-height: 1.2;
    text-align: left;
    padding-top: 5px;
}
.k-price {
    font-size: 18px;
    font-family: "FuturaPT-Bold";
    color: rgb(0, 0, 0);
    line-height: 1.2;
    padding-top: 5px;
}
.k-price2 {
    font-size: 18px;
    font-family: "FuturaPT-Bold";
    color: #f21900;
    line-height: 1.2;
    padding-top: 5px;
    display: inline-block;
    padding-right: 10px;
    vertical-align: middle;
}
.k-price-dicount {
    font-size: 16px;
    color: #000000;
    font-weight: bold;
    text-decoration: line-through;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
    padding-top: 6px;
}

.box-slider{
    padding: 10px;
    cursor: pointer;
}
.box-slider:hover{
    background: #ffffff;
    box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.15);
}
.box-none{
    padding-top: 8px;
    display: none;
}
.but-s{
    width: 75%;
    display: inline-block;
}
.but-ss{
    background: rgb(0 170 87);
    border-radius: 30px;
    border: none;
    width: 100%;
    color: #ffffff;
    text-transform: uppercase;
    text-align: center;
    height: 35px;
    font-size: 13px;
    transition-duration: 0.3s;

}
.but-ss:hover{
    background-color: #068c4b;
    box-shadow: 0px 0px 9.5px 0.5px rgba(0, 0, 0, 0.5);
}
.but-ss:active{
    background-color: #068c4b;
    border-color: #068c4b;
}
.but-ss:focus{
    outline: none!important;
}
.buy-s {
    width: 25%;
    float: right;
}
.buy-img{
    width: 35px!important;
    margin-left: 5px;
    transition-duration: 0.5s;
}
.bultovar {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.8);
    line-height: 1.2;
    text-align: left;
    padding-top: 10px;
    transition-duration: 0.5s;
}
.top50{
    margin-top: 80px;
}
.k-cen{
    font-size: 18px;
    font-family: "FuturaPT-Bold";
    color: rgb(0 170 87);
    line-height: 1.2;
    padding-top: 8px;
}
.video-block{
    margin-top: 20px;
    padding-top: 15px;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 15px;
    height: 325px;
}
.video-block:hover{
    background: #ffffff;
    box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.15);
}
.video-img{
    width: 100%;
}
.box-none a:hover{
    text-decoration: none;
}
.korem-btn{
    background-color: rgb(0 170 87);
    width: 176px;
    height: 30px;
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
    border-radius: 30px;
    border: none;
    margin: 0 auto;
    display: block;
}
.korem-btn:hover{
    background-color: rgb(0 170 87);
    box-shadow: 0px 0px 9.5px 0.5px rgba(0, 0, 0, 0.5);
}
.korem-btn:active{
    background-color: rgb(0 170 87);
    border-color: rgb(0 170 87);
}
.korem-btn:focus{
    outline: none!important;
}
.footers{
    background: #03860f;
    padding-top: 50px;
    padding-bottom: 30px;
}
.logo-f{
    display: inline-block;
    vertical-align: middle;
    padding-right: 10px;
    width: 250px;
}
.logo-f-text{
    display: inline-block;
    vertical-align: -webkit-baseline-middle;
    font-size: 18px;
    color: #ffffff;
    line-height: 1.2;
}
.fmenu-t{
    font-size: 18px;
    font-family: "FuturaPT-Demi";
    color: rgb(255, 255, 255);
    line-height: 1.2;
    padding-bottom: 8px;
}
.fmenu1{
    display: inline-block;
    padding-right: 60px;
}
.fmenu-2{
    display: inline-block;
    vertical-align: top;
}
.fmenu1 li{
    list-style: none;
}
.fmenu1 a{
    font-size: 18px;
    color: #ffffff;
    text-decoration: underline;
}
.f-call{
    display: inline-block;
    padding-left: 60px;
}
.f-call li{
    list-style: none;
}
.f-call a{
    font-size: 18px;
    color: #ffffff;
}
.f-soc{
    display: inline-block;
    padding-left: 50px;
    vertical-align: top;
    float: right;
}
.soc-img{
    padding-right: 8px;
    width: 35px;
    padding-top: 2px;
}
.wid-f {
    background-color: rgb(255, 255, 255);
    width: 100%;
    height: 1px;
    margin-top: 50px
}
.tetxq {
    font-size: 14px;
    color: rgb(255, 255, 255);
    line-height: 1.2;
    padding-top: 30px;
}
.tetxq2 {
    font-size: 14px;
    color: rgb(255, 255, 255);
    line-height: 1.2;
    padding-top: 30px;
    text-align: right;
}
.sizik-login{
    background-color: rgb(13, 10, 50);
    opacity: 0.102;
    height: 1px;
    width: 100%;
}
.jeke-cab {
    font-size: 35px;
    font-family: "FuturaPT-Bold";
    color: rgb(0, 0, 0);
    line-height: 1.2;
    text-align: left;
    padding-top: 30px;
    display: inline-block;
}
.navigator {
    font-size: 18px;
    color: #0d0a32;
    padding-top: 20px;
}
.nav-a{
    display: inline-block;
    padding-right: 3px;
    padding-left: 3px;
    color: #03860f;
}
.nav-a:hover{
    color: #03860f;
}
.nav-t {
    display: inline-block;
    padding-left: 6px;
}
.sizik-n{
    background-color: rgb(13, 10, 50);
    opacity: 0.102;
    height: 1px;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}
.kiru {
    background-color: rgb(0 170 87);
    width: 201px;
    height: 40px;
    border-radius: 30px;
    border: none;
    text-transform: uppercase;
    font-family: "FuturaPT-Medium";
    color: #ffffff;
}
.kiru:hover{
    background-color: rgb(0 170 87);
    box-shadow: 0px 0px 9.5px 0.5px rgba(0, 0, 0, 0.5);
}
.kiru:active{
    background-color: rgb(0 170 87);
    border-color: rgb(0 170 87);
}
.kiru:focus{
    outline: none!important;
}
.site-login{
    padding-bottom: 350px;
}

.site-contact{
    padding-bottom: 50px;
}
.bailanys{
    padding-top: 0px;
}
.cont-inf {
    font-size: 22px;
    color: rgb(0, 0, 0);
    line-height: 1.5;
}
.cont-inf span a{
    color: #03860f;
}
.soc-text{
    font-size: 18px;
    font-family: "FuturaPT-Demi";
    color: rgb(0, 0, 0);
    line-height: 1.2;
}
.soc-img-c{
    padding-right: 20px;
    width: 55px;
    padding-top: 8px;
}
.maps{
    width: 100%;
    height: 400px;
    margin-top: 50px;
}

.cabinet{
    padding-bottom: 50px;
}
.fio{
    font-size: 18px;
    color: rgb(0, 0, 0);
    line-height: 1.2;
    text-align: left;
    display: inline-block;
    width: 150px;
    padding-bottom: 8px;
}
.fio2{
    font-size: 18px;
    color: rgb(0, 0, 0);
    line-height: 1.2;
    text-align: left;
    display: inline-block;
}
.btn-all{
    background-color: rgb(0 170 87);
    border-radius: 30px;
    border: none;
    color: #ffffff;
    text-transform: uppercase;
    text-align: center;
}
.btn-all:hover{
    box-shadow: 0px 0px 9.5px 0.5px rgba(0, 0, 0, 0.5);
}
.btn-all:focus{
    outline: none;
}
.btn-all2{
    background-color: #03860f;
    border-radius: 30px;
    border: none;
    color: #ffffff;
    text-transform: uppercase;
    text-align: center;
}
.btn-all2:hover{
    box-shadow: 0px 0px 9.5px 0.5px rgba(0, 0, 0, 0.5);
}
.btn-all2:focus{
    outline: none;
}
.btn-upd{
    font-size: 14px;
    color: rgb(255, 255, 255);
    margin-top: 30px;
    width: 201px;
    height: 40px;
    margin-right: 20px;
}
.modal-max{
    width: 450px;
    margin: 0 auto;
    padding: 10px;
}
.close-max{
    opacity: inherit!important;
}
.close-max:focus{
    outline: none!important;
}
.text-modal-upd {
    font-size: 18px;
    font-family: "FuturaPT-Demi";
    color: rgb(0, 0, 0);
    line-height: 1.2;
    text-align: center;
    padding-top: 20px;
}
.user-upd p {
    font-size: 18px;
    color: rgb(0, 0, 0);
    line-height: 1.2;
    text-align: left;
    padding-bottom: 5px;
}
.user-upd input {
    border: 1px solid rgb(243, 107, 33);
    background-color: rgb(255, 255, 255);
    height: 37px;
    margin-bottom: 15px;
}
.btn-upd-user{
    margin: 0 auto;
    display: block;
    width: 180px;
    height: 40px;
}

.news{
    padding-bottom: 50px;
}
.news-box2{
    padding: 10px;
}
.news-box:hover{
    background: #ffffff;
    box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.15);
}
.news-img{
    display: block;
    margin: 0 auto;
    height: auto;
    width: 100%;
}
.news-title{
    font-size: 18px;
    font-family: "FuturaPT-Demi";
    color: rgb(0, 0, 0);
    line-height: 1.2;
    text-align: left;
    padding-top: 10px;
}
.news-desc{
    font-size: 14px;
    color: rgb(0, 0, 0);
    line-height: 1.2;
    text-align: left;
    padding-top: 10px;
    height: 60px;
}
.news-date{
    font-size: 14px;
    font-family: "FuturaPT-Demi";
    color: rgb(0, 0, 0);
    line-height: 1.2;
    text-align: left;
    padding-top: 8px;
}
.news-title-g{
    font-size: 18px;
    font-family: "FuturaPT-Demi";
    color: rgb(0, 0, 0);
    line-height: 1.2;
    text-align: left;
    padding-top: 10px;
}
.news-desc-g{
    font-size: 14px;
    color: rgb(0, 0, 0);
    line-height: 1.2;
    text-align: left;
    padding-top: 10px;
    height: 60px;
}
.news-date-g{
    font-size: 14px;
    font-family: "FuturaPT-Demi";
    color: rgb(0, 0, 0);
    line-height: 1.2;
    text-align: left;
    padding-top: 8px;
}
.news-box-none{
    display: none;
    background: #e5e5e5;
    text-align: center;
    padding: 8px;
}
.eye-img{
    display: inline-block;
    vertical-align: middle;
    padding-right: 5px;
    padding-bottom: 5px;
}
.eye-text {
    font-size: 14px;
    color: rgb(0, 0, 0);
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
    padding-bottom: 5px;
}
.news-oblock{
    height: 460px;
    position: relative;
}
.news-img-o{
    width: 100%;
    height: auto;
    display: block;
    padding-top: 40px;
}
.news-t1 {
    font-size: 35px;
    font-family: "FuturaPT-Demi";
    color: rgb(0, 0, 0);
    line-height: 1.2;
    padding-top: 40px;
}
.news-t2 {
    font-size: 18px;
    color: rgb(0, 0, 0);
    line-height: 1.2;
    padding-top: 10px;
}
.news-t3 {
    font-size: 22px;
    font-family: "FuturaPT";
    color: rgb(0, 0, 0);
    line-height: 1.2;
    padding-top: 20px;
}
.news-t4 {
    font-size: 18px;
    font-family: "FuturaPT-Demi";
    color: rgb(0, 0, 0);
    line-height: 1.2;
}
.vk-cimg{
    padding-top: 10px;
    padding-right: 10px;
}
.soc-news{
    position: absolute;
    bottom: 0;
}
.news-t5{
    font-size: 22px;
    color: rgb(0, 0, 0);
    line-height: 1.2;
    padding-top: 40px;
}
.news-box-ewe{
    margin-top: 20px;
}
.top100{
    padding-top: 150px;
}
.news-box{
    height: 352px;
}
.center{
    text-align: center;
}
/*Pagination*/
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 3;
    color: #000;
    cursor: default;
    background-color: #ffffff;
    border-color: #ffffff;
}
.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #03860f;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ffffff;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    z-index: 2;
    color: #03860f;
    background-color: #ffffff;
    border-color: #ffffff;
}
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ffffff;
}
.pagination > .next > a {
     color: #fff;
     background-color: #03860f;
     border: 1px solid #ffffff;
     border-radius: 50% !important;
}
.pagination > .next > a:hover {
    color: #fff;
    background-color: #03860f;
    border: 1px solid #ffffff;
    border-radius: 50% !important;
}
.pagination > .prev > a {
    color: #fff;
    background-color: #03860f;
    border: 1px solid #ffffff;
    border-radius: 50% !important;
}
.pagination > .prev > a:hover {
    color: #fff;
    background-color: #03860f;
    border: 1px solid #ffffff;
    border-radius: 50% !important;
}
.pagination > .disabled > span {
    color: #fff;
    background-color: #e5e5e5;
    border: 1px solid #ffffff;
    border-radius: 50% !important;
}
.pagination > .disabled > span:hover {
    color: #fff;
    background-color: #e5e5e5;
    border: 1px solid #ffffff;
    border-radius: 50% !important;
}
/*Pagination END*/

.box-slider2{
    position: relative;
}
.new-book{
    border-radius: 3px;
    border: none;
    background-color: rgb(0, 255, 0);
    text-transform: uppercase;
    color: #ffffff;
    font-size: 10px;
    font-family: "FuturaPT-Bold";
    text-align: center;
    position: absolute;
    left: -1px;
    width: 60px;
    padding-top: 2px;
    padding-bottom: 2px;
    z-index: 999;
}
.discount-book{
    border-radius: 3px;
    border: none;
    background-color: #f21900;
    text-transform: uppercase;
    color: #ffffff;
    font-size: 10px;
    font-family: "FuturaPT-Bold";
    text-align: center;
    position: absolute;
    top: -1px;
    left: -1px;
    width: 60px;
    padding-top: 2px;
    padding-bottom: 2px;
    z-index: 999;
}

.books{
    padding-bottom: 90px;
}
.col-2-books {
    width: 17%;
    position: relative;
    min-height: 1px;
    margin: 15px;
    float: left;
    height: 390px;
}
.kz-img-books{
    width: 100%;
}
.box-slider-books {
    padding: 10px;
    cursor: pointer;
    position: relative;
}
.box-slider-books:hover {
    background: #ffffff;
    box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.15);
}

.slide-block-book{
    padding-top: 60px;
}
.rr-foto {
    /* width: 30%; */
    display: inline-block;
    /* float: left; */
    vertical-align: middle;
    margin-right: 50px;
}
.r-foto {
    width: 70%;
    display: inline-block;
    /* float: left; */
    vertical-align: middle;
}
.bbox{
    width: 80px;
    border: 1px solid #e0dddd;
    height: auto;
    margin-bottom: 10px;
}
.book-dots {
    width: 65px;
    display: block;
    margin: 0 auto;
    padding: 2px;
}
.bbbox{
    width: 100%;
    border: 1px solid #e0dddd;
}
.bus-fee {
    height: 480px;
    width: 290px!important;
    margin: 0 auto;
    padding: 5px;
}
.info-book{
    padding-top: 60px;
}
.infb {
    font-size: 35px;
    font-family: "FuturaPT-Bold";
    color: rgb(0, 0, 0);
    line-height: 1.2;
    text-align: left;
}
.infb2 {
    font-size: 22px;
    color: rgb(0, 0, 0);
    line-height: 1.2;
    text-align: left;
    padding-top: 5px;
}
.infb3{
    font-size: 18px;
    color: rgb(0, 0, 0);
    line-height: 1.2;
    text-align: left;
    padding-top: 40px;
}
.infb4{
    font-size: 18px;
    color: rgb(0, 0, 0);
    line-height: 1.2;
    text-align: left;
    padding-top: 7px;
}
.infb5 {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.8);
    line-height: 1.2;
    text-align: left;
    padding-top: 30px;
}
.infb6 {
    font-size: 35px;
    font-family: "FuturaPT-Bold";
    color: rgb(0 170 87);
    line-height: 1.2;
}
.infb7 {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.8);
    line-height: 1.2;
    text-align: left;
    padding-top: 40px;
    padding-bottom: 10px;
}
.qtyinfo{
    display: inline-block;
}
.btn-inf-k{
    width: 176px;
    height: 31px;
    display: inline-block;
    font-family: "FuturaPT-Medium";
    margin-right: 20px;
    vertical-align: middle;
}
.btn-inf-b{
    background: #ffffff;
    border: 1px solid #03860f;
    border-radius: 30px;
    text-transform: uppercase;
    color: #03860f;
    font-family: "FuturaPT-Medium";
    width: 176px;
    height: 31px;
    display: inline-block;
    vertical-align: middle;
}
.btn-inf-b:focus{
    outline: none;
}
.btn-inf-b:hover{
    box-shadow: 0px 0px 9.5px 0.5px rgba(0, 0, 0, 0.5);
}
.infb8{
    font-size: 14px;
    color: rgba(0, 0, 0, 0.8);
    line-height: 1.2;
    text-align: left;
    padding-top: 25px;
    padding-bottom: 90px;
}
.inf-bok {
    font-size: 22px;
    color: rgb(0, 0, 0);
    line-height: 1.2;
    text-align: left;
    padding-top: 7px;
}
.kitap-sipat {
    font-size: 22px;
    font-family: "FuturaPT-Bold";
    color: rgb(0, 0, 0);
    line-height: 1.2;
    text-align: left;
    padding-top: 50px;
}
.com-title {
    font-size: 22px;
    font-family: "FuturaPT-Bold";
    color: rgb(0, 0, 0);
    line-height: 1.2;
    padding-top: 40px;
}
.com-inp {
    display: block;
    border-radius: 1px;
    margin: 10px 0px 0px;
    height: 100px;
    border: 1px solid #000000;
    max-height: 200px;
    max-width: 100%;
    background: #ffffff;
    min-width: 100%;
    padding: 15px 0px 0px 15px;
    outline: none!important;
}
.btn-jiber{
    width: 289px;
    height: 39px;
}

.sizik-com{
    border: 1px solid #000;
    background-color: rgb(255, 255, 255);
    opacity: 0.102;
    width: 100%;
    height: 1px;
    margin-bottom: 30px;
}
.com-box{
    padding-top: 30px;
}
.com-name{
    font-size: 22px;
    font-family: "FuturaPT-Demi";
    color: rgb(0, 0, 0);
    line-height: 1.2;
    text-align: left;
    display: inline-block;
    padding-right: 20px;
}
.com-date {
    font-size: 18px;
    color: rgba(0, 0, 0, 0.8);
    line-height: 1.2;
    text-align: left;
    display: inline-block;
}
.com-text {
    font-size: 22px;
    color: rgb(0, 0, 0);
    line-height: 1.2;
    text-align: left;
    padding-top: 8px;
}
.top30{
    padding-top: 30px;
}

.cann{
    float: right;
    height: auto;
    position: relative;
}
.cat-hh{
    border: 1px solid rgb(243, 107, 33);
    border-radius: 15px;
    background-color: rgb(255, 255, 255);
    width: 184px;
    display: inline-block;
    text-align: center;
    margin-top: 40px;
    cursor: pointer;
    position: absolute;
    padding-bottom: 5px;
    right: 0;
    z-index: 9999;
}
.cat-hh1 {
    font-size: 16px;
    color: rgba(0, 0, 0, 0.8);
    text-align: left;
    display: inline-block;
    vertical-align: bottom;
    padding-right: 10px;
    line-height: 1.5;
    padding-top: 5px;
}
.cat-cc-img{
    display: inline-block;
    vertical-align: middle;
}
.cat-none{
    display: none;
}
.cat-none a{
    color: rgba(0, 0, 0, 0.8);
    font-size: 16px;
    line-height: 1.5;
}

.pikirnn{
    font-size: 22px;
    font-family: "FuturaPT-Bold";
    color: rgb(0, 0, 0);
    line-height: 1.2;
    text-align: left;
    display: inline-block;
    padding-right: 70px;
    padding-top: 40px;
}
.btn-bv{
    background-color: #cccccc;
    color: #000000;
    width: 289px;
    height: 39px;
    border: none;
    border-radius: 30px;
    display: inline-block;
    font-size: 14px;
    font-family: "FuturaPT-Medium";
    text-transform: uppercase;
}
.btn-bv:focus{
    outline: none;
}

.videoopen{
    background: #000000;
    padding-bottom: 50px;
}
.bottom30{
    padding-bottom: 30px;
}
.video-and {
    font-size: 35px;
    font-family: "FuturaPT-Demi";
    color: rgb(255, 255, 255);
    line-height: 1.2;
    text-align: left;
}
.video-and2 {
    font-size: 22px;
    color: rgb(255, 255, 255);
    line-height: 1.2;
    text-align: left;
    padding-top: 20px;
}
.video-ifame{
    padding-top: 50px;
}
.video-ifame iframe{
    width: 100%;
    height: 450px;
}


.andatpa-rel{
    position: relative;
    display: none;
    cursor: pointer;
}
.andatpa {
    background-color: #ffffff;
    opacity: 0.902;
    width: 100%;
    height: 44px;
    position: absolute;
    margin-top: -120px;
}
.adn-center{
    text-align: center;
    padding-top: 12px;
}
.andat-text{
    font-size: 14px;
    font-family: "FuturaPT-Medium";
    color: rgb(243, 107, 33);
    text-transform: uppercase;
    line-height: 1.2;
    display: inline-block;
}
.andt-text p{
    font-size: 18px;
    font-family: "FuturaPT";
    color: rgb(0, 0, 0);
    line-height: 1.2;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 30px;
}
.modal-andatpa {
    width: 520px;
    margin: 0 auto;
    padding: 10px;
}
.btn-korem{
    width: 204px;
    height: 40px;
}
.del-item{
    cursor: pointer;
}
.fade.in {
    z-index: 99999!important;
}
.modal-open .modal {
    z-index: 999999!important;
}

.minuss{
    width: 32px;
    height: 31px;
    display: inline-block;
    background: rgb(0 170 87);
    text-align: center;
    color: #ffffff;
    border: 1px solid rgb(0 170 87);
    cursor: pointer;
    border-bottom-left-radius: 15px;
    border-top-left-radius: 15px;
    vertical-align: middle;
	-moz-user-select: none;
  	-khtml-user-select: none;
  	-webkit-user-select: none;
  	user-select: none;
}
.qtysystem {
    width: 45px;
    height: 31px;
    border: 1px solid rgb(195, 186, 186);
    /* margin-right: 142px; */
    text-align: center;
    color: #121212;
    margin-left: -5px;
    vertical-align: middle;
	-moz-user-select: none;
  	-khtml-user-select: none;
  	-webkit-user-select: none;
  	user-select: none;

}
.pluss {
    width: 32px;
    height: 31px;
    display: inline-block;
    background: rgb(0 170 87);
    text-align: center;
    color: #ffffff;
    margin-left: -4px;
    border: 1px solid rgb(0 170 87)8;
    border-left: none;
    cursor: pointer;
    border-bottom-right-radius: 15px;
    border-top-right-radius: 15px;
    vertical-align: middle;
    line-height: 30px;
	-moz-user-select: none;
  	-khtml-user-select: none;
  	-webkit-user-select: none;
  	user-select: none;
}

.sizik-sebet{
    background-color: rgb(13, 10, 50);
    opacity: 0.102;
    height: 1px;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}
.photo-s{
    width: 100px;
    display: inline-block;
    border: 1px solid #e0dddd;
    vertical-align: middle;
    margin-right: 30px;
}
.img-sebet{
    width: 65px;
    margin: 0 auto;
    display: block;
}
.name-s{
    display: inline-block;
    vertical-align: middle;
    width: 500px;
}
.name-auts {
    font-size: 18px;
    color: rgb(0, 0, 0);
    line-height: 1.2;
    text-align: left;
}
.name-bok {
    font-size: 22px;
    font-family: "FuturaPT-Demi";
    color: rgb(0, 0, 0);
    line-height: 1.2;
    text-align: left;
}
.sany-s{
    display: inline-block;
    vertical-align: middle;
    width: 190px;
}
.price-s{
    display: inline-block;
    vertical-align: middle;
    width: 255px;
}
.bagass {
    font-size: 35px;
    font-family: "FuturaPT-Demi";
    color: rgb(0, 0, 0);
    line-height: 1.2;
}
.iks-s{
    display: inline-block;
    vertical-align: middle;
    width: 40px;
}

.barligi{
    font-size: 22px;
    font-family: "FuturaPT-Demi";
    color: rgb(1, 1, 1);
    text-transform: uppercase;
    line-height: 1.2;
    padding-right: 0px;
    display: inline-block;
}
.barligi2{
    font-size: 22px;
    font-family: "FuturaPT";
    color: rgb(1, 1, 1);
    text-transform: uppercase;
    line-height: 1.2;
    padding-right: 5px;
    display: inline-block;
}
.tengee{
    font-size: 22px;
    font-family: "FuturaPT-Demi";
    color: rgb(1, 1, 1);
    text-transform: uppercase;
    line-height: 1.2;
    padding-right: 45px;
    display: inline-block;
}
.itogo-block{
    padding-top: 40px;
    padding-bottom: 50px;
    float: right;
}
.btn-rasim{
    width: 220px;
    height: 40px;
}
.vert-middle{
    display: inline-block;
    vertical-align: middle;
}
.text-danger {
    color: #000!important;
}
.text-danger:hover {
    color: #ffffff!important;
    background: #ff0000!important;
    border-radius: 50%!important;
    padding: 6px;
    margin-left: -5px;
}
.qtyinf{
    display: inline-block;
    margin-right: 20px;
}
.inl-block{
    display: inline-block;
}
.videoop-img{
    width: 100%;
}
.text-modal-opl{
    font-size: 18px;
    font-family: "FuturaPT-Demi";
    color: rgb(0, 0, 0);
    line-height: 1.2;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 30px;
}
.opl-img{
    width: 85%;
    margin: 0 auto;
    display: block;
}
.tolem{
    padding-top: 15px
}
.opl-name{
    text-transform: uppercase;
    line-height: 1.2;
    font-size: 16px;
}
.opl-aut{
    font-size: 14px;
    padding-top: 2px;
}
.opl-pric {
    font-family: "FuturaPT-Bold";
    font-size: 18px;
    padding-top: 3px;
}
.inp-opl{
    width: 90%;
    height: 40px;
    padding-left: 12px;
    border: 1px solid #ff6028;
    margin-bottom: 10px;
}
.inp-hei{
    height: 60px!important;
}
.opl-btn{
    width: 90%;
    padding: 10px 25px;
    font-size: 15px;
    margin-top: 10px;
    display: block;

}
.opl2-btn{
    width: 210px;
    padding:5px 25px;
    font-size: 15px;
    margin: 0 auto;
    margin-top: 10px;
    display: block;
}
.modal-header {
    padding: 5px;
    border-bottom: none!important;
}
.modal-body {
    padding: 15px;
    margin-top: -15px;
}
@media (max-width: 1199px) {
    .karta-b {
        padding-right: 20px;
        display: inline-block;
    }
    .search1 {
        border-radius: 5px;
        width: 360px;
        height: 38px;
    }
    .f-soc {
        padding-left: 25px;
        vertical-align: top;
        float: right;
    }
    .fmenu1 {
        display: inline-block;
        padding-right: 50px;
    }
    .andatpa {
        height: 44px;
        margin-top: -100px;
    }
    .col-2-books {
        width: 17%;
        margin: 10px;
        height: 390px;
    }
    .but-ss {
        width: 100%;
        height: 35px;
        font-size: 11px;
        transition-duration: 0.3s;
    }
    .bultovar {
        font-size: 13px;
        padding-top: 10px;
    }
    .k-title {
        font-size: 16px;
        padding-top: 10px;
    }
    .k-price {
        font-size: 16px;
        padding-top: 5px;
    }
    .k-author {
        font-size: 13px;
        padding-top: 5px;
    }
    .btn-inf-k {
        width: 150px;
        height: 31px;
        margin-right: 20px;
        font-size: 15px;
    }
    .btn-inf-b {
        width: 150px;
        font-size: 14px;
        height: 31px;
    }
    .video-and2 {
        font-size: 19px;
        padding-top: 20px;
    }
    .video-and {
        font-size: 32px;
        line-height: 1.2;
        text-align: left;
    }
    .jeke-cab {
        font-size: 32px;
        padding-top: 30px;
    }
    .navigator {
        font-size: 16px;
        padding-top: 20px;
    }
    .f-call {
        display: inline-block;
        padding-left: 0px;
    }
    .news-oblock {
        height: 390px;
    }
    .news-desc {
        font-size: 13px;
        padding-top: 10px;
        height: 60px;
    }
    .news-t5 {
        font-size: 18px;
        line-height: 1.2;
        padding-top: 30px;
    }
    .news-t3 {
        font-size: 19px;
        padding-top: 20px;
    }
    .news-t1 {
        font-size: 32px;
        padding-top: 40px;
    }
    .top50 {
        margin-top: 10px;
    }
    .name-s {
        width: 350px;
    }
    .price-s {
        width: 205px;
    }
    .bagass {
        font-size: 30px;
    }
}

@media (max-width: 991px) {
    .karta-img {
        padding-right: 3px;
        width: 20px;
    }
    .karta-b {
        padding-right: 10px;
    }
    .karta-text {
        font-size: 11px;
    }
    .rejim {
        font-size: 11px;
        padding-right: 10px;
    }
    .rejim2 {
        font-size: 11px;
    }
    .sign-text {
        font-size: 12px;
    }
    .sign-img {
        padding-right: 2px;
        width: 15px;
    }
    .logo-img {
        padding-right: 10px;
        width: 60px;
    }
    .search1 {
        border-radius: 5px;
        width: 250px;
        height: 35px;
        font-size: 14px;
    }
    .submit11 {
        margin-left: -8px;
        width: 85px;
        font-size: 15px;
        height: 35px;
        border-radius: 5px;
        background-position-x: 15px;
        padding-right: 19px;
        background-size: 14px;
    }
    .korzina-img {
        padding-right: 5px;
        width: 35px;
    }
    .korz-text {
        font-size: 13px;
        text-align: left;
    }
    .wid {
        height: 1px;
        margin-top: 5px;
        width: 140px;
    }
    .menu {
        padding-top: 15px;
        margin-bottom: 0;
    }
    .menu ul li a {
        font-size: 18px;
    }
    .kitap-img {
        display: block;
        margin: 0 auto;
        width: 100%!important;
    }
    .owl-theme .owl-nav.disabled+.owl-dots {
        z-index: 99999;
        position: absolute;
        margin-left: 52% !important;
        margin-top: 0!important;
    }
    .slid-text2 {
        font-size: 17px;
        padding-top: 10px;
        width: 93%;
    }
    .slid-text {
        font-size: 20px;
        padding-top: 30px;
    }
    .carousel-indicators {
        bottom: -20px;
        display: none;
    }
    .a1 {
        background-color: #e2e2e2;
        height: 370px;
        padding-top: 70px;
    }
    .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
        width: 35px;
        height: 35px;
    }
    .glyphicon-chevron-left:before {
        vertical-align: 5px;
        font-size: 15px;
    }
    .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
        width: 35px;
        height: 35px;
    }
    .glyphicon-chevron-right:before {
        vertical-align: 5px;
        font-size: 15px;
    }
    .video-block {
        margin-top: 20px;
        height: auto;
    }
    .andatpa {
        height: 35px;
        margin-top: -80px;
    }
    .andat-text {
        font-size: 12px;
        display: inline-block;
    }
    .adn-center {
        text-align: center;
        padding-top: 6px;
    }
    .eye-img {
        display: inline-block;
        vertical-align: middle;
        padding-right: 5px;
         padding-bottom: 0px;
        width: 20px;
    }
    .korem-btn {
        width: 150px;
        height: 30px;
        font-size: 15px;
    }
    .k-title {
        font-size: 15px;
        padding-top: 10px;
    }
    .logo-f-text {
        display: block;
        font-size: 14px;
        text-align: center;
    }
    .logo-f {
        display: block;
        padding-right: 0;
        padding-bottom: 5px;
        width: 50px;
        margin: 0 auto;
    }
    .fmenu-t {
        font-size: 14px;
        padding-bottom: 8px;
    }
    .fmenu1 a {
        font-size: 13px;
    }
    .f-call a {
        font-size: 16px;
    }
    .fmenu1 {
        display: inline-block;
        padding-right: 30px;
    }
    .soc-img {
        padding-right: 8px;
        width: 30px;
        padding-top: 2px;
    }
    .footers {
        padding-top: 40px;
        padding-bottom: 20px;
    }
    .wid-f {
        width: 100%;
        height: 1px;
        margin-top: 30px;
    }
    .tetxq {
        font-size: 13px;
        padding-top: 25px;
    }
    .tetxq2 {
        font-size: 13px;
        padding-top: 20px;
        text-align: right;
    }
    .site-login {
        padding-bottom: 200px;
    }
    .kiru {
        width: 170px;
        height: 37px;
    }
    .top100 {
        padding-top: 100px;
    }
    .news-box {
        height: 272px;
    }
    .news-box-none {
        padding: 5px;
    }
    .eye-text {
        font-size: 13px;
        padding-bottom: 2px;
    }
    .news-date {
        font-size: 13px;
        line-height: 1.2;
        padding-top: 8px;
    }
    .jeke-cab {
        font-size: 28px;
        padding-top: 25px;
    }
    .news-title {
        font-size: 15px;
        padding-top: 10px;
    }
    .news-title-g {
        font-size: 15px;
        padding-top: 10px;
    }
    .news-desc {
        font-size: 10px;
        padding-top: 10px;
        height: 60px;
    }
    .news-desc-g {
        font-size: 10px;
        padding-top: 10px;
        height: 60px;
    }
    .video-and {
        font-size: 23px;
        text-align: left;
    }
    .video-and2 {
        font-size: 14px;
        padding-top: 20px;
    }
    .video-ifame iframe {
        width: 100%;
        height: 310px;
    }
    .video-ifame {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .col-2-books {
        width: 22%;
        margin: 10px;
        height: 390px;
    }
    .cat-hh {
        width: 160px;
        margin-top: 30px;
        padding-bottom: 5px;
    }
    .cat-hh1 {
        font-size: 13px;
        padding-right: 5px;
    }
    .r-foto {
        width: 70%;
        display: inline-block;
        vertical-align: middle;
    }
    .rr-foto {
        /* width: 30%; */
        display: inline-block;
        /* float: left; */
        vertical-align: middle;
        margin-right: 10px;
    }
    .bus-fee {
        height: auto;
        width: auto!important;
        margin: 0 auto;
        padding: 15px;
    }
    .infb {
        font-size: 25px;
        line-height: 1.2;
        text-align: left;
    }
    .infb2 {
        font-size: 18px;
        text-align: left;
        padding-top: 5px;
    }
    .infb3 {
        font-size: 15px;
        text-align: left;
        padding-top: 30px;
    }
    .infb4 {
        font-size: 15px;
        text-align: left;
        padding-top: 7px;
    }
    .infb6 {
        font-size: 25px;
    }
    .infb5 {
        font-size: 14px;
        padding-top: 20px;
    }
    .infb7 {
        font-size: 14px;
        padding-top: 20px;
        padding-bottom: 10px;
    }
    .btn-inf-k {
        width: 130px;
        height: 30px;
        margin-right: 10px;
        font-size: 13px;
    }
    .btn-inf-b {
        width: 139px;
        font-size: 13px;
        height: 30px;
        margin-top: 10px;
    }
    .qtysystem {
        width: 40px;
        height: 30px;
        margin-left: -5px;
    }
    .inf-bok {
        font-size: 17px;
        color: rgb(0, 0, 0);
        line-height: 1.2;
        text-align: left;
        padding-top: 7px;
    }
    .kitap-sipat {
        font-size: 20px;
        padding-top: 40px;
    }
    .pikirnn {
        font-size: 20px;
        padding-right: 70px;
        padding-top: 40px;
    }
    .btn-bv {
        width: 239px;
        height: 36px;
        font-size: 13px;
    }
    .com-name {
        font-size: 19px;
        text-align: left;
        padding-right: 20px;
    }
    .com-date {
        font-size: 16px;
    }
    .com-text {
        font-size: 17px;
        padding-top: 8px;
    }
    .com-box {
        padding-top: 20px;
    }
    .sizik-com {
        width: 100%;
        height: 1px;
        margin-bottom: 20px;
    }
    .slide-block-book {
        padding-top: 40px;
    }
    .info-book {
        padding-top: 40px;
    }
    .name-s {
        width: 260px;
    }
    .name-auts {
        font-size: 16px;
    }
    .name-bok {
        font-size: 18px;
    }
    .bagass {
        font-size: 20px;
    }
    .sany-s {
        display: inline-block;
        vertical-align: middle;
        width: 120px;
    }
    .price-s {
        width: 145px;
    }
    .barligi2 {
        font-size: 18px;
    }
    .barligi {
        font-size: 19px;
        padding-right: 0px;
    }
	.tengee {
    	font-size: 19px;
    	padding-right: 45px;
	}
    .btn-rasim {
        width: 210px;
        height: 35px;
        font-size: 14px;
    }
    .andt-text p {
        font-size: 15px;
        padding-top: 20px;
        padding-bottom: 30px;
    }
    .news-t1 {
        font-size: 26px;
        padding-top: 40px;
    }
    .news-t2 {
        font-size: 14px;
        padding-top: 10px;
    }
    .news-t3 {
        font-size: 16px;
        padding-top: 20px;
    }
    .news-oblock {
        height: 310px;
    }
    .news-t4 {
        font-size: 15px;
        line-height: 1.2;
    }
    .vk-cimg {
        padding-top: 7px;
        padding-right: 10px;
    }
    .news-t5 {
        font-size: 14px;
        line-height: 1.2;
        padding-top: 30px;
    }
    .cont-inf {
        font-size: 18px;
        line-height: 1.5;
    }
    .soc-img-c {
        padding-right: 15px;
        width: 40px;
        padding-top: 8px;
    }


}

@media (max-width: 767px) {
  .infb8 {
    padding-bottom: 0;
}
    .inp-opl {
        width: 100%;
        padding-left: 12px;
        margin-bottom: 10px;
    }
    .opl-btn {
        width: 100%;
        padding: 10px 25px;
        font-size: 15px;
        margin-top: 0px;
        display: block;
    }
    .text-modal-opl {
        font-size: 18px;
        padding-top: 0px;
        padding-bottom: 20px;
    }
	.cat-hh1 {
        font-size: 16px;
        padding-right: 5px;
    }
    .header2{
        padding-top: 10px;
        padding-bottom: 0px;
    }
    .log-mob{
        margin: 0 auto;
        text-align: center;
    }
    .logo-mob{
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        padding-top: 5px;
    }
    .logo-mob-text{
        display: inline-block;
        vertical-align: middle;
        font-family: "FuturaPT-Medium";
        font-size: 20px;
        color: #000000;
    }
    .korz-text {
        font-size: 9px;
        text-align: left;
        background: #ff0000;
        border-radius: 50%;
        padding: 2px;
    }
    .korz-text span {
         color: #fff;
    }
    .korz-block {
        display: inline-block;
        vertical-align: top;
        margin-left: -15px;
        margin-top: -4px;
    }
    .korzina-img {
        padding-right: 5px;
        width: 40px;
    }
    .kitap-img {
        display: block;
        margin: 0 auto;
        width: 350px!important;
    }
    .a1 {
        height: auto;
        padding-bottom: 20px;
        padding-top: 20px;
	}
    .glyphicon-chevron-left:before {
        vertical-align: -5px;
        font-size: 15px;
    }
    .glyphicon-chevron-right:before {
        vertical-align: -5px;
        font-size: 15px;
    }
    .left-knopka {
        margin-left: 10px!important;
    }
    .right-knopka {
        margin-right: 10px!important;
    }
    .owl-dots{
        display: none;
    }
    #mainSlider {
        width: 90%!important;
        margin: 0 auto;
    }
    .top50 {
        margin-top: 80px;
    }
    .bot30mob{
        padding-bottom: 30px;
    }
    .box-none {
        padding-top: 8px;
        display: block;
    }
    .logo-f {
        display: inline-block;
        padding-bottom: 5px;
        width: 140px;
        vertical-align: middle;
        /* margin: 0 auto; */
    }
    .logo-f-text {
        font-size: 16px;
        text-align: center;
        display: inline-block;
        padding-left: 10px;
    }
    .tetxq2 {
        font-size: 13px;
        padding-top: 7px;
        text-align: left;
    }
    .footers {
        padding-top: 30px;
        padding-bottom: 20px;
    }
    .fmenu1 {
        display: inline-block;
        padding-right: 0;
        padding-top: 15px;
    }
    .f-soc {
        padding-left: 0px;
        vertical-align: top;
        float: inherit;
        padding-top: 15px;
    }
    .f-call {
        display: inline-block;
        padding-left: 0px;
        padding-top: 15px;
    }
    .menu_container{
        padding-top: 10px;
    }
    .menu-img{
        width: 30px;
    }
    .search1 {
        border-radius: 5px;
        width: 75%;
        height: 35px;
        font-size: 14px;
    }
    .submit11 {
        margin-left: -8px;
        width: 20%;
        font-size: 15px;
        height: 35px;
        border-radius: 5px;
        background-position-x: 19px;
        padding-right: 13px;
        background-size: 14px;
    }
    .maps {
        width: 100%;
        height: 200px;
        margin-top: 30px;
    }
    .soc-cont{
        padding-top: 20px;
    }
    .col-2-books {
        width: 50%;
        margin: 0;
        height: auto;
        margin-top: 0px;
    }
    .news-box {
        height: auto;
    }
    .baga-infb {
        display: inline-block;
        vertical-align: middle;
        padding-top: 20px;
    }
    .qtyinfo {
        display: inline-block;
        vertical-align: middle;
        padding-top: 20px;
        float: right;
    }
    .infb5 {
        font-size: 14px;
        padding-top: 0;
        padding-bottom: 3px;
    }
    .infb7 {
        font-size: 14px;
        padding-top: 0px;
        padding-bottom: 3px;
    }
    .inl-block {
        display: block;
    }
    .btn-inf-k {
        width: 100%;
        height: 35px;
        margin-right: 0;
        font-size: 13px;
        margin-top: 20px;
    }
    .btn-inf-b {
        width: 100%;
        font-size: 13px;
        height: 35px;
        margin-top: 13px;
        display: block;
    }
    .photo-s {
        width: 15%;
        vertical-align: middle;
        margin-right: 10px;
    }
    .name-s {
        width: 40%;
    }
    .sany-s {
        vertical-align: middle;
        width: 25%;
        margin: 0 auto;
        text-align: center;
    }
    .iks-s {
        display: inline-block;
        vertical-align: middle;
        width: 40px;
        float: right;
        padding-top: 40px;
    }
    .vert-middle {
        display: block;
        vertical-align: middle;
        padding-bottom: 10px;
    }
    .itogo-block {
        padding-top: 20px;
        padding-bottom: 50px;
        float: none;
    }
    .corz{
        padding-bottom: 40px;
    }
    .videoop-img {
        width: 100%;
        padding-bottom: 15px;
    }
    .video-ifame iframe {
        width: 100%;
        height: 230px;
    }
    .slide-block {
        padding-top: 0px;
        height: auto!important;
        margin-bottom: 30px;
    }
    .news-oblock {
        height: auto;
    }
    .news-t5 {
        font-size: 16px;
        padding-top: 20px;
    }
    .news-t3 {
        font-size: 17px;
        padding-top: 20px;
    }
    .top30video{
        padding-top: 50px;
    }
    .width100{
        width: 100%!important;
    }
    .top30senew{
        padding-top: 30px;
    }
}

@media (max-width: 500px) {
	.wid100mob{
		width: 100%!important;
	}
    .modal-andatpa {
        width: 100%;
        margin: 0 auto;
        padding: 10px;
    }
    .bus-fee {
        height: auto;
        width: 100%!important;
        margin: 0 auto;
        padding: 10px;
    }
    .img-sebet {
        width: 100%;
        margin: 0 auto;
        display: block;
    }
    .minuss {
        width: 28px;
        height: 28px;
        display: inline-block;
        text-align: center;
        vertical-align: middle;
    }
    .name-bok {
        font-size: 15px;
    }
    .name-auts {
        font-size: 14px;
    }
    .bagass {
        font-size: 18px;
        padding-top: 5px;
    }
    .sany-s {
        vertical-align: middle;
        width: 28%;
        margin: 0 auto;
        text-align: center;
    }
    .pluss {
        width: 28px;
        height: 28px;
        display: inline-block;
        margin-left: -4px;
        vertical-align: middle;
        line-height: 26px;
    }
    .qtysystem {
        width: 32px;
        height: 28px;
        font-size: 14px;
        margin-left: -5px;
    }
    .iks-s {
        display: inline-block;
        vertical-align: 23px;
        float: right;
        padding-top: 30px;
        width: auto;
    }
    .text-danger:hover {
        margin-top: -5px;
        color: #ffffff!important;
        background: #ff0000!important;
        border-radius: 50%!important;
        padding: 4px;
        margin-left: 0px;
    }
    .menu_container {
        padding-top: 15px;
    }
    .news-box2 {
        padding: 5px;
    }
    .news-date {
        font-size: 11px;
        padding-top: 8px;
    }
    .tolik-awu {
        display: inline-block;
        float: right;
        width: 48%;
        text-align: right;
        vertical-align: middle;
    }
    .a2-title {
        font-size: 20px;
        width: 50%;
        vertical-align: middle;
    }
    .jeke-cab {
        font-size: 21px;
        padding-top: 25px;
        width: 50%;
    }
    .video-ifame iframe {
        width: 100%;
        height: 170px;
    }
    .video-ifame {
        padding-top: 40px;
        padding-bottom: 0px;
    }
    .korem-btn {
        width: 80%;
        height: 25px;
        font-size: 13px;
    }
    .kitap-img {
		margin: 0 auto;
		width: auto!important;
		max-width: 90%!important;
		height: auto;
	}
    .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
        width: 35px;
        height: 35px;
        top: 42%;
    }
    .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
        width: 35px;
        height: 35px;
        top: 42%;
    }
    .top50 {
        margin-top: 0px;
    }
    .col-2 {
        width: 100%;
        position: relative;
        min-height: 1px;
        margin: 0px;
    }
    .top20mob{
        padding-bottom: 20px;
    }
    .video-block {
        margin-top: 20px;
        padding-top: 10px;
        padding-right: 7px;
        padding-left: 7px;
        padding-bottom: 12px;
        height: auto;
    }
    .btn-bv {
        width: 100%;
        height: 36px;
        font-size: 13px;
        display: block;
        margin-top: 10px;
    }
    .top30mob{
        padding-top: 30px;
    }
    .news-desc-g {
        font-size: 16px;
        padding-top: 10px;
        height: auto;
    }
    .news-title-g {
        font-size: 21px;
        padding-top: 10px;
    }
    .news-desc {
        font-size: 10px;
        padding-top: 10px;
        height: auto;
    }
    .news-box {
        height: auto;
        margin-bottom: 40px;
    }
    .korz-text {
        font-size: 9px;
        padding: 2px;
        padding-right: 5px;
        padding-left: 5px;
    }
    .korz-block {
        display: inline-block;
        vertical-align: top;
        margin-left: -19px;
        margin-top: -4px;
        padding-left: 2p;
    }
    .btn-jiber {
        width: 100%;
        height: 35px;
    }
    .news-t1 {
        font-size: 26px;
        padding-top: 20px;
    }
    .modal-max {
        width: auto;
        margin: 0 auto;
        padding: 10px;
    }
    .btn-upd {
        font-size: 14px;
        margin-top: 20px;
        width: 201px;
        height: 40px;
    }
}