.breadcrumb li a{
    color:#000;
    border-bottom: 1px dashed #000;
    margin-left:5px;
    margin-right:5px;
}

p {
    font-family: 'Open Sans', sans-serif;
}


/* Head */


.head {
    background-color: #3f1f2f;
    width: 100% !important;
}
.head a{
    color: #fff;
}
.head a:hover{
    color: #fae55c;
}
.social i{
    padding-right: 10px;
    padding-left: -10px;
    margin-top: 10px
}
.logo {
    margin-top: 20px;
    margin-bottom: 20px;
}

.slogan{
    font-size: 18px;
    color: #fff;
    margin-top: 12px;
    margin-bottom:6px;
}

.phoneNumberTitle{
    margin-left: 30px;
    margin-top: 10px;
    color: #fff;
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
}

.phoneNumberDesc{
    color: #fff;
    font-size: 10px; 
    line-height: 10px;
    margin-top: -5px;
    margin-left: 30px;
    font-weight: 600;
}
.mainMenu{
    height: 40px;
    background-color: #c3afa5;
}

.cartMenu{
    width: 80px;
    height: 30px;
    border-radius: 20px;
    border: none;
    background-color: #dacec8;
    font-size: 13px;
    margin-top: 10px;
    float: right;
    font-weight: 500;
}

.cartImg{
    float: right;
    margin-top: 14px;
    margin-right: 15px;
}

.search {
    margin-top: 10px;
    width: 240px;
    height: 25px;
    border-radius: 7px;
    border: none;
    background-color: #573944;
    background-image: url(../img/search.png);   
    background-repeat: no-repeat; /*Убираем повтор изображения*/   
    background-position: right; /*Позиционируем*/
    background-size: 20px;
    
}

::-webkit-input-placeholder { color:#7d666e; }
::-moz-placeholder { color:#7d666e; } /* firefox 19+ */
:-ms-input-placeholder { color:#7d666e; } /* ie */
input:-moz-placeholder { color:#7d666e; }

.search::-webkit-input-placeholder {
    font-size: 10px;
    padding-left: 0px;
    padding-top: 0px;
}

input::-webkit-input-placeholder {
    font-size: 10px;
    padding-left: 0px;
    padding-top: 2px;
}

.mail {
    color: #fff;
    text-decoration: none; /* Убираем подчеркивание */
    border-bottom: 1px dashed #fff; /* Добавляем свою линию */
    font-size: 14px;
    font-weight: 600;
}

.headPhone {
    color: #fff;
    line-height: 17px;
    font-size: 15px;
    font-weight: 400;
}

.dashed{
    border-bottom: 1px dashed #000;
}
.dashedWhite{
    border-bottom: 1px dashed #fff;
}




/* Основной контент сайта */

.leftMenu {
    background-color: #3f1f2f;
    width: 300px;
    vertical-align: text-top;
}
.nameOfLeftMenu{
    color: #e7e963;
    font-size: 14px;
    margin-left: 15px;
    font-weight: 600;
}
.itemOfLeftMenu{
    margin-left: 15px;
    font-size: 13px;
    color: #fff;
    -moz-text-decoration-color: #fff; /* Code for Firefox */
    text-decoration-color: #fff;
    font-weight: 600;
}

.second {
    padding-top: 80px;
}

.title h2{
    font-size: 20px;
}

.slideText{
    margin-top: 60px;
    font-size: 18px;
    text-align: left;
    right: 0px;
    margin-left: 300px;
    font-weight: 300;
    
}

.slideBtn{
    width: 180px;
    right: 0px;
    margin-left: 300px;
    border: 1px solid #fff;
}

.slideBtn a{
    text-align: center;
    font-weight: 300;
    font-size: 13px;
    line-height: 40px;
    color: #fff;
}



.title {
  /* чтобы линии не выходили за ширину блока заголовка */
  overflow: hidden;
  /*  padding-top: 30px;*/
    padding-bottom: 25px;
}
.title:before,
.title:after {
  content: '';

  /* делаем линию строчно-блочной */
  display: inline-block;

  /* выравниваем вертикально по середине */
  vertical-align: middle;

  /* не позволяем ширине превысить 100% (будет добавлен бордюр) */
  box-sizing: border-box;

  /* установка ширины в 100% делает линию равной ширине тега заголовка
  ** благодаря этому линия заполнит все свободное пространство
  ** слева и справа от текста
  */
  width: 100%;
  height: 1px;
  background: #3f2030;

  /* добавляем к линии левый и правый бордюр цветом основного фона заголовка
  ** благодаря этому создается нужный отступ между линиями и текстом
  */
  border: solid #FFF;
  border-width: 0 10px;
}
.title:before {
  /* смещаем левую линию влево отрицательным отступом, равным 100% ширины
  ** благодаря этому линия встает слева от текста
  */
  margin-left: -100%;
}
.title:after {
  /* смещаем правую линию вправо отрицательным отступом, равным 100% ширины
  ** благодаря этому линия встает справа от текста
  */
  margin-right: -100%;
}

.titleNews {
    font-size: 16px;
    font-weight: 600;
    
}

.news {
    font-size: 11px;
}

.newsBlock{
    padding-bottom: 40px;
    
}

.popularItem{
    margin-top: -1px;
    background-color: #3f1f2f;
    width: 100%;
    height: 50px;
    
}

.popularItem p{
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 50px;
}

.popularItemDesc{
    padding-top: 15px;
    font-size: 11px;
    width: 90%;
}

.popularItemDesc p{
    line-height: 16px;
}

.popular{
    border-left: 1px solid;
    border-right: 1px solid;
}

.popularBuy{
    background-color: #f9e55b;
    margin-bottom: 40px;
}

.popularBuy p{
    font-size: 13px;
    text-align: center;
    line-height: 50px;
    font-weight: 600;
}

.popularCoastNew{
    color: #fc542d;
    font-size: 16px;
    text-align: center;
    font-weight: 600;
    width:130px;
}

.popularCoast{
    color: #000;
    font-size: 16px;
    text-align: center;
    font-weight: 600;
}

.allItems{
    margin-top: 10px;
    height: 60px;
    width: 230px;
    margin-left: -5px;
}

.allItems p{
    line-height: 60px;
    border: 1px solid;
    font-size: 14px;
    color: #000;
    text-align: center;
}



    /* Catalog */

.catalogItem{
    height: 70px;
    width: 100%;
    background-color: #3d3d3d;
}








/* Footer */

.footer {
    background-color: #000;
}

.footerLogo {
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: -10px;
}

.footerSiteName {
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    padding-top: 45px;
}

.footerPhone {
    color: #fff;
    font-size: 11px;
    font-weight: 400;
}
.banner {
    padding:20px;
    text-align:center;
    color:#fff;
    background:red;
    position:relative;
	height:165px;
}
.banner:before {
    content:'';
    position:absolute;
    top:5px;
    left:5px;
    bottom:5px;
    right:5px;
    border:1px solid #fff;
}
.banner .btn {
    background:#fff;
    color:red;
    position:relative;
}
.romapro{font-size:12px;}
a.footer_link:hover {
    color: #fff;
    background: none;
    text-decoration: underline;
}
a.footer_link {
    color: #757575;
    text-decoration: none;
}

a.podrobnee{background: #631858;
color: #fff;
padding-left: 40px;
padding-right: 40px;
margin-left: -15px;
font-size: 15px;
padding-top: 10px;
padding-bottom: 10px;
margin-left: 75px;
}


a.podrobnee_stul{background: #631858;
color: #fff;
padding-left: 40px;
padding-right: 40px;
margin-left: -15px;
font-size: 15px;
padding-top: 10px;
padding-bottom: 10px;
margin-left: 1px;
}


.logo1{width:200px; height:auto; float:left;padding:10px;}
.logo2{width:200px; height:auto; float:left;padding:10px;}
.logo3{width:200px; height:auto;float:left;padding:10px;}
.logo4{width:200px; height:auto;float:left;padding:10px;}


img.logo1{width:200px; height:auto; float:left;padding:10px;}
img.logo2{width:200px; height:auto; float:left;padding:10px;}
img.logo3{width:200px; height:auto;float:left;padding:10px;}
img.logo4{width:200px; height:auto;float:left;padding:10px;}
/*
.popularCoastNew{
text-decoration:line-through;
}
*/
.clear {
    clear: both;
    width: 100%;
}

span.cena15{font-size:20px; margin-left:0px; font-weight:600; color:#333;text-decoration:line-through;opacity: 0.5;}
span.cena2{font-size:20px; margin-left:0px; font-weight:600; color:#fc542d;text-decoration:line-through;opacity: 0.5;}
span.cena3{font-size:22px; margin-left:0px; font-weight:600; color:#fc542d;  padding:2px;}

span.cena1gl{font-size:16px; margin-left:0px; font-weight:600; color:#4c4c4c;text-decoration:line-through;margin-left:5px; opacity: 0.5;}
span.cena2gl{font-size:16px; margin-left:0px; font-weight:600; color:#fc542d;text-decoration:line-through;margin-left:20px; margin-left: 20px;
opacity: 0.5;}
span.cena3gl{font-size:16px; margin-left:0px; font-weight:600; color:#dd4a28;  margin-left:30%;padding: 2px;}

span.cena1gl4{font-size:16px; margin-left:0px; font-weight:600; color:#4c4c4c;text-decoration:line-through;margin-left:30%; opacity: 0.5;}

span.partnery{padding-left: 80px;}
span.partnery2{padding-left: 66px;}
span.partnery3{padding-left: 58px;}
span.partnery4{padding-left: 32px;}
.na_zakaz{width:100%;}
img.img_na_zakaz{
width: 700px;
margin-left: 50px;}
span.cena1{font-size:20px; margin-left:0px; font-weight:600; color:#333;text-decoration:line-through;opacity: 0.5;margin-left: -15px;}
.knopka_zakaz button{margin-left: 300px;
color: #000;
font-size: 14px;
font-weight: 900;
text-align: center;
line-height: 40px;
background-color: #fae55c;
width: 200px;
height: 40px;
border: none;
float: left;
n: 0 auto;
margin-top: 25px;
height: 80px;
line-height: 1.4;}
a.tel_mob{color:#fff;}
a.tel_mob:hover{color:#fae55c;}
.copyright{display:none;} 
.cena15_stol{
	
	background: #f25136;
padding: 5px;
margin-top: 5px;
margin-bottom: 8px;
color: #fff;
}

.cena15_stol_big{font-size: 20px;
font-weight: bold;}
.cena1_stol{}

span.cena3_stol{font-size: 19px;

font-weight: bold;

}




.pict_tov1{width:100px;height:145px; background:url(/images/complect/tov1.png) no-repeat;}
.pict_tov2{width:100px;height:145px; background:url(/images/complect/tov2.png) no-repeat;}
.pict_tov3{width:100px;height:145px; background:url(/images/complect/tov3.png) no-repeat;}
.cena{font-size: 12px;border-bottom:1px solid #d24a43;text-align:right;padding-right:5px;}
.cena_vsego{font-size: 15px;text-align:right;padding-right:5px;color: #000;
font-weight: bold;}
.cena_econom{font-size: 15px;background:#d83933; color:#fff;text-align:right;padding-right:5px;}
.kupit{background:#000; color:#fff;font-size:13px;}
.kupit a{color:#fff;}

.tov {
	float: left;
width: 97px;
text-align:right;
font-size: 15px;
text-align: center;
padding-top: 3px;
padding-bottom: 3px;
margin-right:5px;
}
.tri_tov{font-size: 13px;float:right;width: 100%; }
.kn_vse_styliya{background:#3699aa;font-size: 15px; text-align:center;color:#fff;width:302px;}
.kn_vse_styliya a {color:#fff;}
.plus{background:none; font-size:25px;text-align:center;color:#000;font-family:semibi;font-weight:bold;}
.cena_econom_big{}


span.cena3gl_pop	{font-size: 16px;

font-weight: 600;
color: #dd4a28;
margin-left: 20px;
padding: 2px;}
.knopka_st_sl{background: none;
border: none;}

.title_stul_row{height: 50px;}

img.pict_otl{width:780px;
border: 1px solid #000;
padding: 10px;

}

img.pict_otl_{width:780px;
/*margin:0 auto; */

}


#modal_form {
	width: 800px; 
	height: 1000px; /* Рaзмеры дoлжны быть фиксирoвaны */
	border-radius: 5px;
	border: 3px #000 solid;
	background: #fff;
	position: absolute; /* чтoбы oкнo былo в видимoй зoне в любoм месте */
	top: -3%; /* oтступaем сверху 45%, oстaльные 5% пoдвинет скрипт */
	left: 0%; /* пoлoвинa экрaнa слевa */
	/*margin-top: -150px;
	margin-left: -150px; /* тут вся мaгия центрoвки css, oтступaем влевo и вверх минус пoлoвину ширины и высoты сooтветственнo =) */
	display: none; /* в oбычнoм сoстoянии oкнa не дoлжнo быть */
	opacity: 0; /* пoлнoстью прoзрaчнo для aнимирoвaния */
	z-index: 5; /* oкнo дoлжнo быть нaибoлее бoльшем слoе */
	padding: 20px 10px;
	margin-left: -15%;
}
/* Кнoпкa зaкрыть для тех ктo в тaнке) */ 
#modal_form #modal_close {
	width: 21px;
	height: 21px;
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
	display: block;
}
/* Пoдлoжкa */
#overlay {
	z-index:3; /* пoдлoжкa дoлжнa быть выше слoев элементoв сaйтa, нo ниже слoя мoдaльнoгo oкнa */
	position:fixed; /* всегдa перекрывaет весь сaйт */
	background-color:#000; /* чернaя */
	opacity:0.8; /* нo немнoгo прoзрaчнa */
	-moz-opacity:0.8; /* фикс прозрачности для старых браузеров */
	filter:alpha(opacity=80);
	width:100%; 
	height:100%; /* рaзмерoм вo весь экрaн */
	top:0; /* сверху и слевa 0, oбязaтельные свoйствa! */
	left:0;
	cursor:pointer;
	display:none; /* в oбычнoм сoстoянии её нет) */
}

.extract{width:500px;}
