@font-face {
    font-family: "Regular";
    src: url("../fonts/OpenSans-Regular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

* {
    margin: 0;
    padding: 0;
}
.desktop {
    display: block;
}
.phone {
    display: none;
}
body{
    height: 100%;
}
.navbar-static-top {
    z-index: 999;
}
.wrapper{
    display: flex;
    flex-direction: column;
    min-height: 100%;
}
.content{
    flex: 1 0 84vh;
}
.modal-dialog {
    width: 75%;
    margin: 30px auto;
}

.panel-default>.panel-heading {
    color: #000000;
    background-color: #D7DE21;
    border-color: #D7DE21;
}
.btn-danger {
    color: #fff;
    background-color: #e45252;
    border-color: #aa4a24;
}
.filters>.btn-info {
    color: #fff;
    background-color: #d15fc5;
    border-color: #7da8c3;
}

.btn-info {
    color: #fff;
    background-color: #3097d1;
    border-color: #7da8c3;
}
.zakaz-fut{
      background: #4B1D75;
}
.zakaz {
    width: 80%;
}

.btn-print {
    color: #fff;
    background-color: rgba(122, 6, 227, 0.58);
    border-color: #4b1d75;
    color:#fff;
}
.btn-ok {
    color: #fff;
    background-color: rgba(16, 138, 2, 0.58);
    border-color: #658a00;
}
.btn-product {
    color: #fff;
    background-color: rgba(48, 151, 209, 0.8);
    /*
    border-color: #eeaec8;
    */
}
.btn-reset {
    color: #fff;
    background-color: rgba(86, 117, 93, 0.8);
    /*
    border-color: #eeaec8;
    */
}

.circle {
    float: left;
    width: 2em;
    height: 2em;
    border: 2px solid #5c9b78;
    border-radius: 50%;
    text-align: center;
}
.widht{
    width: 22%;
    text-align: left !important;
}
.exitblock {
    display:none;
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:100000;
}
.exitblock .fon {
    background: #F6FCFF;
    opacity:.8;
    position:fixed;
    width:100%;
    height:100%;
}
.exitblock .modaltext {
    box-sizing: border-box;
    padding:20px 40px;
    border: 2px solid #AEAEAE;
    background: #F6FCFF;
    position:fixed;
    top:80px;
    left:50%;
    margin-left:-30%;
    width:60%;
    box-shadow: 0 4px 10px 2px rgba(0,0,0,0.5);
}
.closeblock {
    cursor:pointer;
    position: fixed;
    line-height:60px;
    font-size:82px;
    transform: rotate(45deg);
    text-align:center;
    top:20px;
    right:30px;
    color: #337AB7;
}
.closeblock:hover {
    color: #000;
}
textarea.form-control {
    height: 31em!important;
}

.col-xs-6 {
    width: auto!important;
}
.footer {
    vertical-align: bottom;
    display: inline-block;
    background-color: #95689c;
    color: white;
    position: relative;
    width: 100%;
    height: 60px;
    text-align: center !important;
    overflow: hidden;
    flex: 0 0 auto;

}

.panel-footer{
    min-height: calc(40vh - 14.2em);
}
.footer a{
    color: white;
}
.footer img{
    height: 41px;
}
@media screen and (min-width: 768px) and (max-width: 1299px) {
    .block5 img{
        width: 30em;
    }
    .block2 .col-md-4 {
        height: 24em;
    }

}


/*@media screen and (max-width: 768px) {*/
/*    !*phone*!*/
/*    .desktop {*/
/*        display: none!important;*/
/*    }*/
/*    .phone{*/
/*        display: block;*/
/*    }*/
/*    .homefont{*/
/*        font-size: x-small;*/
/*    }*/
/*}*/
/*iphone se*/
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
    .desktop {
        display: none!important;
    }
    .phone{
        display: block;
    }
    .homefont{
        font-size: x-small;
    }
}
/* iPhone 6 Portrait */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
    .iphone5 {
        display: none
    }

    /*phone*/
    .phone {
        display: block
    }

    .desktop {
        display: none
    }
}
/*iphone 7+*/
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: portrait) {
    .iphone5 {
        display: none
    }

    /*phone*/
    .phone {
        display: block
    }

    .desktop {
        display: none
    }
}
/*iphone 10+*/
@media only screen and (device-width: 375px) and (device-height: 812px)
and (-webkit-device-pixel-ratio: 3) {
    .iphone5 {
        display: none
    }

    /*phone*/
    .phone {
        display: block
    }

    .desktop {
        display: none
    }
}