﻿@font-face {
/* Гарнитура шрифта */
font-family:Calibri;
src: url(fonts/calibri.ttf); /* Для IE5-8 */
src: local(Calibri), url(fonts/calibri.ttf); /* Для остальных браузеров */
}

.imProductListPrice span {font-size: 18px; color: #e43212;}

/*Телефоны*/
.mob_tel,
.mob_logo,
.mob_welc {
display:none
}

.mob_tel > div {
padding-left: 85px;
background: rgba(2,2,2,.38) url(images/tel.png) left center no-repeat;
font: 22pt Calibri;
width: 229px;
margin: auto;
color: #15b9d7;
padding-bottom: 8px;
text-shadow: 1px 2px 1px #000;
}
.mob_tel > div#ya-site-form0 {
background: none;
margin: auto !important;
width: 365px;
}
nav {
display:none;
}

/*Корзина*/

.mob_cart {
display:none;
position:absolute;
top: 69px;
font: 14px Tahoma;
line-height: 30px;
}
.mob_cart span.widget_amount_total {
font-family: Calibri;
font-size: 16px;
}

.imMnMnCustomHTML span.widget_amount_total {
line-height: 28px;
}

a.mob_oplata {
display:none;
background: #9E9E9E;
font-family: Calibri;
padding: 7px 10px;
box-sizing: border-box;
width: 200px;
text-align: center;
margin: auto;
font-size: 18px;
}

@media (max-width:1279px) {
a.mob_oplata {
display: block;
}
#imPage {
    margin: 260px auto 0px auto;
}
.mob_tel {
display: block;
position: absolute;
width: 100%;
top: 165px;
z-index: 5;
}
.mob_logo {
display: block;
position: absolute;
width: 100%;
height: 40px;
top: 65px;
background: rgba(0,0,0,0.38);
}
.mob_logo a {
background:url(images/Logopuf.png) no-repeat center;
background-size:contain;
display: block;
width: 183px;
height: 40px;
}
.mob_welc {
display:block;
position: absolute;
top: 105px;
background: rgba(2,2,2,.38);
color: #fff;
width: 100%;
line-height: 40px;
text-align: center;
font-family: Calibri;
font-size: 18px;
}

nav {
display: block;
width: 135px;
margin: 0;
/* background: rgba(0,0,0,.0); */
position: absolute;
top: 65px;
right: 0;
}
.icon-reorder {
padding: 20px;
color: #fff;
float: right;
}
.drop {
position: relative;
cursor: pointer;
}
.drop a {
font-weight: 400;
line-height: 40px;
padding: 0 20px;
color: #FFF;
text-decoration: none;
font-family: Calibri;
font-size: 20px;
}
.triangle {
width: 0;
height: 0;
position: absolute;
border-left: .4em solid transparent;
border-right: .4em solid transparent;
border-top:.4em solid #46B6D7;
left: 89.5%;
margin-left: -.4em;
opacity: 0;
}
.dropdownContain {
width: 160px;
position: absolute;
z-index: 15;
right:0;
margin-left: -6.5em;
/* half of width */
top: -3000px;
}
.dropOut {
width: 160px;
background: #000;
float: left;
position: relative;
margin-top: 0;
opacity: 0;
overflow: hidden;
-webkit-transition: all .1s ease-out;
-moz-transition: all .1s ease-out;
-ms-transition: all .1s ease-out;
-o-transition: all .1s ease-out;
transition: all .1s ease-out;
}
.dropOut ul {
/* padding: .3em 0; */
margin: 0;
}
.dropOut a {
font-size: 14px !important;
}

.dropOut li {
text-align: left;
width: 100%;
color: white;
border-left: 3px solid #f7f7f7;
-webkit-transition: all .1s ease-out;
-moz-transition: all .1s ease-out;
-ms-transition: all .1s ease-out;
-o-transition: all .1s ease-out;
transition: all .1s ease-out;
}
.dropOut li span {
color: #cccccc;
margin: 0 1.5em 0 .8em;
}
.dropOut li:hover {
border-color: #46B6D7;
color: #4d4d4d;
background: #ededed;
}
.dropOut li:hover a {
color: #46B6D7;
}

ul li:hover .triangle {
opacity: 1;
}

ul li:hover .dropdownContain {
top: 30px;
}

ul li:hover .dropOut {
opacity: 1;
margin-top: 20px;
}

.orange-txt {
background: #46b6d7 url(images/menu55.png) center no-repeat;
}

/*Основное меню*/

.hamburger-button {top:4px !important;}
.hamburger-button:before {
content: "КАТАЛОГ";
float: left;
color: #fff;
position: absolute;
right: 35px;
top: 5px;
font-family: Calibri;
font-size:22px
}

/*Корзина*/ 

.mob_cart {
	display:block;
}
}

@media (max-width:510px) {
.mob_tel > div {
font: 17pt Calibri;
width: 185px;
}
.mob_tel > div#ya-site-form0 {
width: 100%;
}
.drop a {
	padding: 0 0 0 20px;
    max-width: 95px;
    display: block;
    box-sizing: border-box;

}
.drop > a {
	float: left;
}
}

@media (max-width:479px) {
#imPage {
    margin: 230px auto 0px auto;
}
}