#head
{
border: 0px dotted red;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
/*
background: #FFFFFF;
background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #F2F2F2), color-stop(1, #DDDDDD));
background-image: -o-linear-gradient(top, #F2F2F2, #DDDDDD);
background-image: -moz-linear-gradient(top, #F2F2F2, #DDDDDD);
background-image: -webkit-linear-gradient(top, #F2F2F2, #DDDDDD);
background-image: linear-gradient(to bottom, #F2F2F2, #DDDDDD);
*/
align-items: center;
align-items: stretch;
/*font-family: Verdana,Arial,Helvetica,sans-serif;
font-family: Tahoma, Geneva, sans-serif;*/
font-size: 14px; font-size: 1em;
}
#branding, #head_dostavka, #head_adres, #head_phones, #head_search, #head_buttons
{
border: 0px dotted red;
}

#head_search
{
width: 28%; width: 100%; /*max-width: 300px;*/
}
#head_adres
{
width: 26%;
font-size: 1.2em;
}

#branding
{
display: flex;
flex-direction: row;
align-items: center;
width: 360px;
}
#branding #logotip
{
border: 0px dotted maroon;
display: block;
width: 130px;
height: 120px; height: auto;
}
#branding .fm
{
border: 0px dotted green;
display: flex;
flex-direction: column;
/*align-items: flex-start;*/ align-items: center;
margin: 0;
text-align: left;
}
#branding .fm #head_sitename
{
border: 0px dotted red;
display: block;
margin: 0 10px 0 15px;
}
#branding .fm #head_slogan
{
border: 0px dotted red;
display: block; display: none; visibility: hidden;
width: 340px; width: auto;
margin: 0 10px 0 15px;
/*font-family: Tahoma, Geneva, sans-serif;*/
font-weight: bold;
font-size: 1.15em;
}
#head #cart_button
{
border: 0px dotted red;
display: block;
width: 50px; width: 32px;
height: 50px; height: 32px;
/*background: url(../img/icons/bag_50x50.png) no-repeat;*/
}
#head #search_button
{
border: 0px dotted red;
display: block;
width: 50px;
height: 50px;
/*background: url(../img/icons/search_50x50_2.png) no-repeat;*/
}
#head #head_phones
{
padding: 0;
margin: auto 0;
/*display: flex;
flex-direction: column;
flex-wrap: wrap;*/
align-items: center;
text-align: center;
/*align-content: center;*/
width: 100%;
/*width: 25%;*/
/*min-width: 300px;*/
}
#head #head_phones .phones_box
{
border: 0px dotted navy;
padding: 0;
margin: 0; margin: 0 auto;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
width: 100%;
/*min-width: 300px;*/
}
#head #head_phones .phones_box a
{
border: 0px dotted red;
padding: 0;
margin: 0;
display: block;
font-size: 1.8em;
}
#head #head_phones .phones_box a:hover {color: #000000; text-decoration: none;}
#head #head_phones .phones_box form
{
border: 0px dotted red;
padding: 0;
margin: 0;
}
#head #head_phones .phones_box form button
{
border: 0px dotted red;
padding: 0;
margin: 0;
background: none;
font-size: 18px; font-size: 1.6em;
font-weight: 700;
/*font-family: 'Futura PT Demi';*/
/*font-family: 'Futura PT', Arial, sans-serif;*/
font-family: 'Futura PT Book', Arial, sans-serif;
cursor: pointer;
}
#head #head_phones .phones_box form button:hover {color: #003399;}
#head #head_phones form
{
border-radius: 0;
padding: 0;
margin: 0;
background: none;
}
#head #head_phones form.whatsapp
{
border: 0px dotted red;
display: block;
width: 36px;
height: 32px;
padding: 0;
margin: 0;
}
#head #head_phones form.whatsapp button
{
border: 0px dotted red;
width: 100%;
height: 100%;
margin: 0;
cursor: pointer;
/*background: url(../img/icons/whatsapp_28x28_green.png) top right no-repeat;
background: url(../img/icons/whatsapp_32x32_dark_navy.png) top right no-repeat;*/
}

#head #head_buttons
{
padding: 0;
margin: 0;
display: flex;
flex-direction: row;
align-items: center;
}

#head_search_form
{
border: 0;
background: none;
text-align: center;
}
#head_search_form #search_str
{
width: 78%; min-width: 130px;
}
#head_search_form #search_submit
{
border: 0px dotted red;
width: 48px;
height: 48px;
/*background: url(../img/icons/search_50x50.png) no-repeat;*/
box-shadow: none;
cursor: pointer;
}
#head_search_form .search_box
{
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
margin-top: -8px;
}
#head_search_form label
{
/*font-family: Tahoma, Geneva, sans-serif;*/
font-style: normal;
width: 100%;
}
#head_adres
{
/*display: flex;
flex-direction: row;
align-items: center;*/
width: 100%;
max-width: 300px;
}
#head_adres div.geo
{
border: 0px dotted red;
display: block;
float: left;
width: 24px;
height: 26px;
background: url(../img/icons/geo_24x24.png) 0 2px no-repeat;
margin-right: -26px;
}
#head_adres div.addr
{
border: 0px dotted red;
display: block;
float: right;
/*margin-left: 30px;*/
text-align: left;
}
#head #head_phones_box
{
border: 0px dotted red;
/*margin: 3px 0 0 0; margin: 3px auto 0 auto;*/ margin: 3px 10px 0 10px;
}
#head #head_phones .work-time
{
border: 0px dotted red;
width: 100%; width: 300px; width: auto;
/*margin: 3px 0 0 0;*/ margin: 3px auto 0 auto; margin: 3px 10px 0 10px; margin: 3px 0 0 0;
text-align: center;
font-size: 1.07em;
}
#head #head_phones .work-time .fm
{
border: 0px dotted red;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
#head #head_phones div.time
{
border: 0px dotted red;
display: block;
/*float: left;*/
width: 29px;
height: 29px;
background: url(../img/icons/time_24x24.png) no-repeat;
/*margin-right: -26px;*/
}
#head #head_phones div.work
{
border: 0px dotted red;
/*display: block;
float: right;float: left;
margin-left: 30px;*/
width: auto;
margin: 0 10px;
font-size: 1.2em;
}
#head_dostavka
{
display: flex;
/*flex-direction: row;*/
align-items: center;
width: 100%; width: auto;
max-width: 200px;
text-align: center;
}

.promo
{
border: 0px dotted red;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
/*align-items: center;*/
align-items: stretch;
justify-content: space-between;
}
.promo .slider
{
border: 0px dotted red;
width: 100%;
margin: 0;
padding: 0;
/*background: green;*/
}
.promo .slider .sl_img img
{
height: auto;
}
.promo .promo_right
{
border: 0px dotted red;
width: 100%;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
/*align-items: center;*/
/*height: 48%;*/
justify-content: center;
align-content: center;
/*float: right;*/
margin: 0px 0 0 0px;
text-transform: uppercase;
font-weight: 700;
box-sizing: border-box;
flex-direction: column;
/*background: maroon;*/
}
.promo .promo_right .promo_item
{
border: 3px solid #CCCCCC;
width: 100%;
min-height: 170px; height: 48%;
margin: 0 auto 0 0; margin: 0 0 8px 0; margin: 0 0 2% 0;
padding: 8px;
display: flex;
align-items: center;
}
.promo .promo_right .promo_item:hover
{
cursor: pointer;
}
.promo .promo_right .promo_item a {color: #000000;}
.promo .promo_right .promo_item a:hover {text-decoration: none;}
.promo .promo_right .promo_item div
{
border: 0px solid #CCCCCC;
width: 50%;
margin: 0 auto 0 0;
padding: 0;
}
.promo .promo_right .promo_item:nth-child(1)
{
margin-bottom: 0;
/*background: #669966;*/
}
.promo .promo_right .promo_item .fm
{
border: 0px dotted red;
width: 48%;
margin: 10px 0; margin: auto 0;
}
.promo .promo_right .promo_item .fm div
{
width: 52%;
margin: 10px 0;
font-size: 1.2em;
}
.promo .promo_right .promo_item .fm .psevdo_knopka
{
border: 2px solid #CCCCCC;
width: 100%; width: auto;
max-width: 160px;
padding: 0.5em 0.25em;
text-align: center;
font-size: 1em;
}
.promo .slider .strelka_left, .promo .slider .strelka_right
{
/*display: none;*/
visibility: hidden;
}


@media only screen and (max-width: 320px)
{

#wrap, #box
{
/*width: 100%;*/
}
#branding, #head_search, #head_adres, #head_phones, #head_buttons
{
display: block;
width: 100%; width: auto;
text-align: center;
margin: 0 auto;
}
#branding .fm
{
margin: 10px 10px 0 10px;
}
#branding .fm #head_sitename
{
margin: 0 0px; height: auto;
text-align: center;
}
#branding .fm #head_slogan
{
margin: 0 0px;
}
#head_search, #head_adres, #head_phones, #head_dostavka,
#head_search.hidden, #head_adres.hidden, #head_phones.hidden,
#menug, #menug.hidden
{
/*display: none;*/
visibility: hidden;
height: 0px;
}
#head_search.visible, #head_adres.visible, #head_phones.visible, #menug.visible
{
/*display: flex;*/
visibility: visible;
height: auto;
}
#head_search .fm
{
margin: 0 0px 0px 0px;
}
#head_search .search_box
{
display: flex;
flex-direction: row;
justify-content: space-evenly;
}
#head_search #search .search_box #search_str
{
width: 70%;
}
#head_search #search .search_box #search_submit
{
width: 25%;
color: #000000;
/*text-transform: uppercase;*/
font-size: 1.2em;
}
#head_search #search label
{
font-size: 1.1em;
}
#head #head_phones
{
/*margin-bottom: 10px;*/
}
#head_buttons
{
/*display: none;*/
visibility: hidden;
height: 0px;
}
#head_search.visible {
border: 1px solid #DDDDDD; border-top: 0;
display: flex; display: block;
margin: 0px 0 0 0;
width: 100%;
background: #EEEEEE;
text-align: center;
}
.promo .slider
{
margin-bottom: 5px;
}
.promo .promo_right .promo_item
{
margin: 0 0 0px 0;
}
.promo .promo_right .promo_item:nth-child(1)
{
margin: 0 0 7px 0;
/*background: #669966;*/
}


}


@media only screen and (min-width: 320px)
{

#wrap, #box
{
/*width: 100%;*/
}
#branding, #head_search, #head_adres, #head_phones, #head_buttons
{
display: block;
width: 100%; width: auto;
text-align: center;
margin: 0 auto;
}
#branding .fm
{
margin: 10px 10px 0 10px;
}
#branding .fm #head_sitename
{
margin: 0 0px; height: auto;
text-align: center;
}
#branding .fm #head_slogan
{
margin: 0 0px;
}
#head_search, #head_adres, #head_phones, #head_dostavka,
#head_search.hidden, #head_adres.hidden, #head_phones.hidden,
#menug, #menug.hidden
{
/*display: none;*/
visibility: hidden;
height: 0px;
}
#head_search.visible, #head_adres.visible, #head_phones.visible, #menug.visible
{
/*display: flex;*/
visibility: visible;
height: auto;
}
#head_search .fm
{
margin: 0 0px 0px 0px;
}
#head_search .search_box
{
display: flex;
flex-direction: row;
justify-content: space-evenly;
}
#head_search #search .search_box #search_str
{
width: 70%;
}
#head_search #search .search_box #search_submit
{
width: 25%;
color: #000000;
/*text-transform: uppercase;*/
font-size: 1.2em;
}
#head_search #search label
{
font-size: 1.1em;
}
#head #head_phones
{
/*margin-bottom: 10px;*/
width: 100%;
}
#head_buttons
{
/*display: none;*/
visibility: hidden;
height: 0px;
}
#head_search.visible {
border: 1px solid #DDDDDD; border-top: 0;
display: flex; display: block;
margin: 0px 0 0 0;
width: 100%;
background: #EEEEEE;
text-align: center;
}
.promo .slider
{
margin-bottom: 5px;
}
.promo .promo_right .promo_item
{
margin: 0 0 0px 0;
}
.promo .promo_right .promo_item:nth-child(1)
{
margin: 0 0 7px 0;
/*background: #669966;*/
}
}


@media only screen and (min-width: 360px)
{
#branding, #head_search, #head_adres, #head_phones, #head_buttons
{
width: 100%;
text-align: center;
}
#branding .fm
{
margin: 10px 10px 0 10px;
}
#branding .fm #head_sitename
{
margin: 0 0px;
/*width: 310px;*/
}
#branding .fm #head_slogan
{
margin: 0 0px;
}
#head_adres, #head_phones {max-width: none;}
#head #head_phones .phones_box a {font-size: 2em;}
.fa-whatsapp {font-size: 27px;}

.promo .promo_right .promo_item div
{
width: 52%;
margin: 10px 0;
font-size: 1em;
}
.promo .promo_right .promo_item {min-height: 173px;}
}


@media only screen and (min-width: 375px)
{
.promo .promo_right .promo_item {min-height: 180px;}
}


@media only screen and (min-width: 480px)
{
#menug, #menug.hidden {/*display: flex;*/ visibility: visible !important; height: auto;}
.promo .promo_right .promo_item {min-height: 180px;}
}


@media only screen and (min-width: 600px)
{
#branding {width: auto; margin: 0; order: 0;}
#head_sitename {/*width: 340px;*/}
#branding .fm #head_sitename {text-align: left; }
#branding .fm #head_slogan {display: flex; visibility: visible; font-size: 1.25em;}
#head_phones {visibility: visible; height: auto; width: 264px; min-width: auto; order: 0;}
#head #head_phones, #head #head_phones .phones_box, #head #head_phones .work-time {width: 264px; min-width: auto;}
#head_search {/*width: 280px;*/ height: 0; display: none;}
#head_search.visible {/*width: 280px; height: auto;*/ width: 100%; display: flex; visibility: visible;}
#head_search.visible form {width: 100%;}
#head #head_adres {width: 280px; width: 55%; height: auto; visibility: visible; display: flex; order: 1; margin: 0 auto 7px 0; text-align: left; }
#head #head_adres .fm {margin-top: 0; margin-bottom: 0;}
#head #head_adres .fm .addr {margin-top: 0; margin-bottom: 0;}
/*#head_search, #head_adres {width: 280px; height: 0; display: none;}*/
#head #head_phones .phones_box {margin: 7px 0 0 0;}
#head #head_phones .phones_box a {font-size: 1.8em;}
#head #head_phones .work-time .fm {margin-top: 0; justify-content: flex-start;}
#head #head_phones .work-time .work {font-size: 1.07em;}
#head_buttons {/*width: auto;*/}
}


@media only screen and (min-width: 640px)
{
#branding {width: auto; margin: 0; order: 0;}
#head_sitename {/*width: 340px;*/}
#branding .fm #head_sitename {text-align: left; }
#branding .fm #head_slogan {display: flex; visibility: visible; font-size: 1.25em;}
#head_phones {visibility: visible; height: auto; width: 264px; min-width: auto; order: 0;}
#head #head_phones, #head #head_phones .phones_box, #head #head_phones .work-time {width: 264px; min-width: auto;}
#head_search {/*width: 280px;*/ height: 0; display: none;}
#head_search.visible {/*width: 280px; height: auto;*/ width: 100%; display: flex; visibility: visible;}
#head_search.visible form {width: 100%;}
#head #head_adres {/*width: 340px; width: auto; width: 350px; height: auto;*/ visibility: visible; display: flex; order: 1; margin: 0 auto 7px 0;}
#head #head_adres .fm {margin-top: 0; margin-bottom: 0;}
#head #head_adres .fm .addr {margin-top: 0; margin-bottom: 0;}
/*#head_search, #head_adres {width: 280px; height: 0; display: none;}*/
#head #head_phones .phones_box {margin: 7px 0 0 0;}
#head #head_phones .work-time .fm {margin-top: 0; justify-content: flex-start;}
#head_buttons {/*width: auto;*/}
.promo .promo_right
{
flex-direction: row;
justify-content: space-around; justify-content: space-between;
}
.promo .promo_right .promo_item
{
width: 49.4%;
}
}


@media only screen and (min-width: 720px)
{
#head #branding {width: 254px; order: 0;}
#head #head_dostavka {display: none; visibility: hidden; width: 0; height: 0; margin: 0; order: 7;}
#head #head_buttons {display: none; visibility: hidden; width: 0; height: 0; margin: 0; order: 7;}
#head #head_adres {width: 185px; order: 1; margin: 0px auto 0 auto;}
#head #head_adres .fm { margin: 5px 5px 0 5px; text-align: left;align-items: center;align-self: center; }
#head #head_phones {width: 280px; min-width: auto; order: 2;}
#head #head_phones, #head #head_phones .phones_box, #head #head_phones .work-time {width: 264px; min-width: auto;}
#head #head_phones .phones_box {margin: 0;}
#head #head_phones .phones_box a {font-size: 1.7em;}
}


@media only screen and (min-width: 768px)
{
#head {justify-content: space-between;}
#head #branding {order: 0;}
#head #head_adres {order: 1; width: 210px;}
#head #head_phones {order: 2;}
#head #head_dostavka {order: 3;}
/*#head_search {order: 3;}*/
#head #head_buttons {visibility: visible; height: auto; width: auto; order: 4; margin: 0 2px 0 0; display: none;}
#head #head_buttons div {border: 0px dotted red; margin: 5px;}
/*#head #head_buttons #search_button {display: none;}*/
#head #head_search {display: flex; visibility: visible; width: 300px; height: auto; margin: -12px 0 8px 0; order: 4;}
#head #head_search form {padding: 0;}

#head #head_buttons #cart_button
{
width: 55px;
height: 55px;
/*background: url(../img/icons/bag_50x50.png) 4px 5px no-repeat;*/
cursor: pointer;
}
#head #head_buttons #cart_button div
{
border: 1px solid #CC0000;
border-radius: 10px;
display: block;
float: right;
background: #CC0000;
padding: 1px 5px;
margin: -1px -1px 0 0;
width: auto;
height: auto;
font-size: 0.9em;
font-weight: bold;
color: #FFFFFF;
text-shadow: 1px 1px 1px #000024;
}

}


@media only screen and (min-width: 800px)
{
/*#branding {width: 337px;}
#head #head_sitename {width: 317px;}*/
#head #head_buttons {display: none; order: 4;}
#head #head_adres {order: 1; /*width: 190px;*/ margin: 0 auto;}
#head #head_phones {order: 2;}
#mobile_menu {order: 3;}
}


@media only screen and (min-width: 900px)
{
#branding {/*width: 360px;*/ display: flex; align-items: center;}
#branding .fm {margin: 10px;}
/*#head #head_sitename {width: 340px;}
#head #head_adres {width: 190px;}*/
#head #head_dostavka {order: 1; display: flex; visibility: visible; width: 155px; height: auto; margin: 0 auto; font-size: 1.1em;}
#head #head_adres {order: 2; width: 210px; align-items: center;}
}


@media only screen and (min-width: 1000px)
{
#branding {order: 0; margin: auto auto auto 7px; order: 0; align-items: center;}
#branding .fm {margin: 13px 10px 7px 10px;}
#sitename {display: flex; align-items: center;/*height: 100%;*/}
#sitename a {display: block; align-items: center; padding: 0;}
#head #head_phones {order: 3; /*margin: 0 0 0 auto; padding-bottom: 7px;*/}
#head #head_buttons {order: 4;}
#head #head_buttons #search_button {display: flex;}
#head #head_search {order: 4; display: none;}
#head_search.visible {
border: 1px solid #DDDDDD; border-top: 0;
display: flex; display: block;
margin: 0px 0 0 0;
width: 100%;
background: #EEEEEE;
text-align: center;
}
#head #head_search.visible form {width: 70%;}
#head #head_adres {order: 2; width: 230px;}
}


@media only screen and (min-width: 1200px)
{
#branding {/*margin: 0 auto 0 7px; margin: 10px auto auto 7px;*/ order: 0; align-items: center;}
#sitename {display: flex; align-items: center;height: 100%;}
#sitename a {display: block; align-items: center; padding: 0;}
/*#head_search, #head_search.visible {
border: 1px dotted red;
display: block;
visibility: visible;
height: auto;
width: 250px; width: 30%;
margin: 14px 0 10px 0; margin: 0px auto; margin: 0px auto;
}
#head #head_search .fm {border: 0px dotted red; display: flex; align-items: center;}*/
#head #head_adres {order: 2; width: 230px; margin: 0 auto;}
#head #head_dostavka {order: 1; margin: 0 auto; width: 200px;}
#head #head_dostavka .fm {/*margin: 10px auto;*/ width: 180px;}
#head #head_phones {order: 3; margin: 10px auto; width: 290px; align-self: center;}
#head #head_phones .phones_box
{
/*margin: 12px auto 5px auto;*/ margin: 3px 10px 0 10px; margin: auto 10px auto 10px; /*margin: 0 0 0 10px;*/
text-align: left;
/*font-size: 1.15em;*/
}
#head #head_phones .work-time {margin: 0px auto;}
#head #head_phones .work-time .work {font-size: 1.08em;}
#head #head_buttons {order: 4; margin: 0 0 0 auto;}
#head #head_buttons #search_button {display: none;}
#head #head_buttons #cart_button {/*width: 60px; height: 55px;*/ width: 32px; height: 32px; margin-right: 12px;}
.promo
{
border: 0px dotted red;
flex-direction: row;
}
.promo .slider
{
border: 0px dotted red;
width: 66.6666%; width: 68%; width: 68%;
/*float: left;*/
}
.promo .promo_right
{
border: 0px dotted red;
width: 32.3333%; width: 31%; width: 31%;
flex-direction: column;
/*float: right;*/
margin: 0px 0 0 10px; margin: 0px 0 0 1%;
}
.promo .promo_right .promo_item
{
width: 100%;
height: 48.5%; min-height: 48.5%;
margin: 0 0 0px 0;
padding: 0;
box-sizing: border-box;
}
.promo .promo_right .promo_item:nth-child(1)
{
margin: 0 0 3% 0;
/*background: #669966;*/
}
.promo .promo_right .promo_item .fm
{
margin: 10px 0px;
width: 48%; max-width: 200px;
height: 90%;
align-self: center;
align-content: center;
}

.promo .slider
{
margin-bottom: 0px; padding: 0;
}
.promo .slider .sl_img img
{
margin-bottom: 0px; padding: 0; float: left;
}

}


@media only screen and (min-width: 1280px)
{
#head #head_search {width: 330px;}
}


@media only screen and (min-width: 1366px)
{
#head #branding {order: 0; /*margin-left: 0;*/}
#head #head_search {width: 320px;}
#head #head_adres {width: 220px; order: 2;}
#head #head_phones {width: 280px; order: 3;}
#head #head_dostavka {order: 1;}
#head #head_buttons {}
}