/*
Boyka all styles for beton-mv.ru
19.04.2019
*/



/*Imports fonts  (start)*/
@import url(boyka-fonts/font-awesome-4.7.0/css/font-awesome.min.css);
/*Imports fonts*/



/*Containers (start)*/
div.block-contayner
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
    min-width: 250px;
    box-sizing: border-box;
}
div.center-block-contayner
{
    margin: 0 auto;
    padding: 0px 0px 0px 0px;
    width: 100%;
    max-width: 1200px;
    min-width: 250px;
    box-sizing: border-box;
}


div.item-contayner
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
}
div.center-item-contayner
{
    margin: 0 auto;
    padding: 0px 0px 0px 0px;
    overflow: hidden;
    box-sizing: border-box;
}
/*Containers (stop)*/





/*Clear (start)*/
div.my-reset-clear 
{
    display:block;
    clear: both;
    float: none;
    margin: 0;
    padding: 0;
    border: none;
    font-size: 0;
    height:0;
    overflow:hidden;
}
/*Clear (stop)*/





/*Boyka footer (start)*/
div#bk-ftr-cnt-0
{
    background-color: #215BC7;
}
div.footer-contayner
{
    margin: 50px 0px 0px 0px !important;
    padding: 0px 0px 0px 0px !important;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    max-width: none !important;
}


div#bk-ftr-cnt-1
{
    
}
div.footer-center-contayner
{
    margin: 0 auto !important;
    padding: 0px 0px 0px 0px !important;
    width: 100%;
    max-width: 845px;
    min-width: 250px;
    box-sizing: border-box;
}


div.footer-item-contayner
{
    margin: 0px 0px 10px 0px !important;
    padding: 0px 0px 0px 0px !important;
    width: 33.3%;
    float: left;
    overflow: hidden;
    box-sizing: border-box;
}
div.footer-item-center-contayner
{
    margin: 0 auto !important;
    padding: 0px 0px 0px 0px !important;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
}


p.bk-footer-item-caption
{
    display: inline-block;
    margin: 30px 0px 20px 0px !important;
    padding: 0px 0px 0px 0px;
    font-family: "Arial";
    text-align: center;
    text-transform: uppercase;
    font-weight: bolder;
    font-size: 16px !important;
    color: #FFFFFF;
    border-bottom: solid 1px #FFFFFF;
    text-shadow: 1px 1px 1px #000000;
}
p.bk-footer-item-caption i
{
    font-size: 18px;
    color: #ED1C24;
}
p.bk-footer-txt, a.bk-footer-txt:link
{
    margin: 0px 0px 20px 0px !important;
    padding: 0px 0px 0px 0px;
    font-family: "Arial";
    text-align: left;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    color: #FFFFFF;
    text-shadow: 1px 1px 1px #000000;
}
a.bk-footer-txt:link
{
    text-decoration: none;
}
a.bk-footer-txt:visited
{
    text-decoration: none;
    color: #FFFFFF;
}
a.bk-footer-txt:hover
{
    text-decoration: none;
    color: #ED1C24;
}
a.bk-footer-txt:active
{
    text-decoration: none;
    color: #FFFFFF;
}



div.footer-copyright-contayner
{
    margin: 0px 0px 0px 0px !important;
    padding: 30px 0px 30px 0px !important;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    max-width: none !important;
    
    text-align: center;
    font-family: "Arial";
    font-weight: normal;
    font-size: 20px;
    color: #FFFFFF;
    
    border-top: dotted 2px #FFFFFF;
    text-shadow: 1px 1px 1px #000000;
}
/*Boyka footer (stop)*/





/*Row with descriptions in table (start)*/
table#tbl-price-0 tr:nth-child(2n)
{
    background-color: #FFFFFF;
}
table#tbl-price-0 tr:nth-child(2n+1)
{
    background-color: #FFFFFF;
}


table#tbl-price-0 tr.bk-zeb-2
{
    background-color: #FFFFFF;
}
table#tbl-price-0 tr.bk-zeb-1
{
    background-color: #DBE8FB;
}


/*table#tbl-price-0 tr.zeb:nth-of-type(2n)
{
    background-color: #FFFFFF;
}
table#tbl-price-0 tr.zeb:nth-of-type(2n+1)
{
    background-color: #DBE8FB;
}*/


table#tbl-price-0 tr.bk-table-row-part
{
    background-color: #C3DAFC;
}


tr.bk-table-row-descr
{
    display: none;
}
td.bk-table-row-descr
{
    padding: 3px 10px 10px 10px;
    background-color: #E2E2E2;
    color: #FFFFFF;
    width: 100%;
    border-bottom: solid 1px #000000;
}
td.bk-table-row-descr p.bk-descr-text
{
    margin: 0px 0px 0px 0px !important;
    padding: 10px !important;
    color: #000000;
    text-shadow: 1px 1px 1px #FFFFFF;
    font-size: 18px;
    background-color: #DCDCDC;
    border: solid 1px #808080;
    box-shadow: 2px 2px 3px 0px #a9a9a9;
}
td.bk-table-row-descr p.bk-close-descr
{
    margin: 0px 0px 3px 0px !important;
    padding: 0px 0px 0px 0px !important;
    text-align: right;
    line-height: 25px;
}
td.bk-table-row-descr p.bk-close-descr i
{
    color: #808080;
    font-size: 25px;
}

td.bk-table-row-descr p i:hover
{
    color: #FF0000;
}
p.bk-table-row-descr-open
{
    display: inline-block;
    float: right;
    
    margin: 5px 10px 0px 0px !important;
    padding: 0px 0px 0px 0px !important;
    
    font-weight: normal;
    font-size: 13px !important;
    color: #000000;
    text-transform: uppercase;
    
    cursor: default;
}
p.bk-table-row-descr-open:hover
{
    color: #FF0000;
}
/*tr.bk-class-name:nth-child(2n) 
{
    margin: 0;
    padding: 0;
    background-color: rgba(255, 255, 255, 0.2);
}
tr.bk-class-name:nth-child(2n+1) 
{
    margin: 0;
    padding: 0;
}*/
/*Row with descriptions in table (stop)*/





/*Descriptions with overlay (start)*/
/*div.bk-descr-ovrl
{
    display: none;
    position: fixed;
    top: 0;
    bottom: auto;
    left: 0;
    
    width: 100%;
    height: 100%;
    
    background-color: rgba(0, 0, 0, 0.65);
    z-index: 9999;
}


div.bk-descr-ovrl-cont
{
    width: 80%;
    max-width: 500px;
    margin: 0 auto;
}


p.bk-descr-ovrl-cont-close
{
    margin: 0px 0px 0px 0px !important;
    padding: 0px 0px 0px 0px !important;
    text-align: right;
}
p.bk-descr-ovrl-cont-close i
{
    color: #808080;
    font-size: 25px;
}

p.bk-descr-ovrl-cont-close i:hover
{
    color: #FF0000;
}
p.bk-descr-ovrl-text
{
    margin: 0px 20px 20px 20px !important;
    padding: 20px 20px 20px 20px !important;
    background-color: #FFFFFF;
    border: solid 1px #A9A9A9;
    box-shadow: 0px 0px 0px 1px #FFFFFF;
    box-sizing: border-box;
    
    color: #000000;
    font-size: 18px;
}*/
/*Descriptions with overlay (stop)*/





/*Calculator (start)*/
div.bk-calculator-contayner
{
    margin: 0px 0px 40px 0px !important;
    padding: 10px 10px 20px 10px !important;
    width: 100%;
    box-sizing: border-box;
    border: solid 1px #CCCCCC;
    background-color: #DBE8FB;
}
div.bk-calculator-select-contayner
{
    margin: 10px 0px 20px 0px !important;
    padding: 0px 0px 0px 0px !important;
    width: 25%;
    float: left;
    box-sizing: border-box;
}
select.bk-calculator-select
{
    margin: 0px 0px 0px 0px !important;
    padding: 0px 0px 0px 0px !important;
    width: 100%;
    box-sizing: border-box;
    font-size: 18px;
}
div.bk-calculator-select-contayner input[type="text"]
{
    margin: 0px 0px 0px 0px !important;
    padding: 1px 0px 1px 0px !important;
    width: 100%;
    box-sizing: border-box;
    font-size: 18px;
}
option.bk-beton, option.bk-peskobeton, option.bk-keramzitobeton, option.bk-rasstvor
{
    display: none;
}


div.bk-calculator-label-itogo
{
    display: inline-block;
    margin: 0px 0px 0px 0px !important;
    padding: 1px 0px 1px 0px !important;
    font-size: 18px;
    color: #000000;
    
}
div.bk-calculator-summ-itogo
{
    display: inline-block;
    margin: 0px 0px 0px 0px !important;
    padding: 1px 0px 1px 0px !important;
    font-size: 18px;
    color: #FF0000;
}
div.bk-calculator-carrency-itogo
{
    display: inline-block;
    margin: 0px 0px 0px 0px !important;
    padding: 1px 0px 1px 0px !important;
    font-size: 16px;
    color: #000000;
}


p#bk-attention
{
    margin: 20px 0px 0px 0px !important;
    font-size: 18px;
}
/*Calculator (stop)*/





/*Correction old styles (start)*/
article.content
{
    padding-bottom: 0;
}
img#bk-logotip
{
    display: inline-block;
    width: 100%;
    height: auto !important;
    max-width: 342px;
}
.plus
{
    margin-bottom: 0;
    overflow: hidden;
}
.plusp
{
    width: 25%;
    margin: 0px 0px 30px 0px !important;
    box-sizing: border-box;
    
    font-size: 22px;
    color: #322187;
    text-shadow: 1px 1px 1px #C3DAFC;
}
.plusp img
{
    display: inline-block;
    width: 80%;
    max-width: 170px;
    height: auto !important;
}
div#bk-plusp-clear-0
{
    display: none;
}
.my-info
{
    margin-top: 0;
}
.v
{
    overflow: hidden;
}
div.v-image-contayner
{
    margin: 0px 0px 0px 0px !important;
    padding: 0px 0px 0px 0px !important;
    width: 25%;
    float: left;
    text-align: center;
}
.v img
{
    display: inline-block;
    margin: 0px 0px 0px 0px !important;
    padding: 0px 0px 0px 0px !important;
    width: 100%;
    height: auto !important;
    max-width: 200px;
}
div#bk-v-clear-0
{
    display: none;
}
/*Correction old styles (stop)*/





/*Media styles (start)*/
@media all and (max-width: 900px)
        {
            select.bk-calculator-select
            {
                font-size: 15px;
            }
            div.bk-calculator-select-contayner input[type="text"]
            {
                font-size: 15px;
            }
            .plusp
            {
                font-size: 20px;
            }
        }


@media all and (max-width: 850px)
        {
            p.bk-footer-txt
            {
                padding: 0px 10px 0px 10px;
            }
        }


@media all and (max-width: 768px)
        {
            div.footer-item-contayner
            {
                float: none;
                width: 100%;
            }
            p.bk-footer-txt
            {
                text-align: center;
            }
            div.bk-calculator-select-contayner
            {
                width: 50%;
            }
            select.bk-calculator-select
            {
                font-size: 18px;
            }
            div.bk-calculator-select-contayner input[type="text"]
            {
                font-size: 18px;
            }
            div#bk-plusp-clear-0
            {
                display: block;
            }
            .plusp
            {
                width: 50%;
            }
        }


@media all and (max-width: 752px)
        {
            .title, .content
            {
                font-size: 75%;
            }
        }


@media all and (max-width: 600px)
        {
            div#bk-v-clear-0
            {
                display: block;
            }
            div.v-image-contayner
            {
                width: 50%;
            }
        }


@media all and (max-width: 470px)
        {
            div.bk-calculator-select-contayner
            {
                width: 100%;
                float: none;
            }
        }


@media all and (max-width: 432px)
        {
            .title, .content
            {
                font-size: 70%;
            }
        }


@media all and (max-width: 400px)
        {
            div.footer-copyright-contayner
            {
                font-size: 18px;
            }
            .plusp
            {
                width: 100%;
                float: none;
            }
            div.v-image-contayner
            {
                width: 100%;
                float: none;
            }
        }
/*Media styles (stop)*/