/*
серый #2b2b2b
серый светлый #949494
желтый #ffc600
*/


@font-face{font-family:QanelasBold; src:url(/bitrix/templates/furniture_gray/fonts/Qanelas-Bold.otf);}
@font-face{font-family:QanelasLight; src:url(/bitrix/templates/furniture_gray/fonts/Qanelas-Light.otf);}
@font-face{font-family:QanelasRegular; src:url(/bitrix/templates/furniture_gray/fonts/Qanelas-Regular.otf);}


a{transition:all .3s linear 0s;}
a:hover{}
a.magnific-popup{text-decoration:underline; color:#2b2b2b;}
a.magnific-popup:hover{text-decoration:underline; color:#949494 !important;}


.align-center{text-align:center;}
.align-left{text-align:left;}
.align-right{text-align:right;}


body{margin:0; padding:0; font-family:QanelasRegular; color:#2a2a2a;}


.bx-filter-popup-result{display:none !important;}


.clear{float:none; clear:both; width:100%;}


.copyright{padding:15px 0; color:#5a5f65; font-size:14px; font-family:QanelasRegular;}


#footer{margin:0; padding:25px 0; background:#2A2A2A;}
#footer a{color:#F5F5F5; font-family:QanelasRegular; font-size:14px;}
#footer .contacts{color:#F5F5F5; font-size:14px;}
#footer .contacts .fa{color:#F7CC03;}
#footer .dostavka{ margin-bottom:15px; padding-bottom:25px;}
#footer .dostavka ul{background:url(/bitrix/templates/furniture_gray/images/footer-dostavka.png); background-repeat:no-repeat; background-position:top right;}
#footer .dostavka li:before,
#footer .oplata li:before,
#footer .produktsia li:before{content:''; display:inline-block; width:4px; height:4px; margin:0 5px 3px 0; background:#F7CC03; border-radius:50%;}
#footer .karta-saita a{text-decoration:underline;}
#footer .karta-saita .title,
#footer .karta-saita ul{padding:0 0 0 25px;}

/*
#footer .oplata ul{background:url(/bitrix/templates/furniture_gray/images/footer-oplata.png); background-repeat:no-repeat; background-position:bottom right;}
*/
#footer .oplata ul{background-repeat:no-repeat; background-position:bottom right;}

#footer .produktsia{margin-bottom:15px; padding-bottom:25px;}
#footer .social{text-align:center; border-bottom:none; margin-bottom:0; padding-bottom:0;}
#footer .social a{display:inline-block; width:34px; height:34px; line-height:34px; margin:50px 5px 0 0; border-radius:50%; background:#C0C0C0; font-size:20px; color:#2A2A2A; opacity:1;}
#footer .social a:hover{opacity:0.8;}
#footer .social a .fa{}
#footer .title{margin:10px 0; color:#F7CC03; font-family:QanelasRegular; font-size:16px; text-transform:uppercase;}
#footer ul{display:block; width:100%; list-style-type:none; margin:0; padding:0;}


form { margin:0; padding:0;}


.front-page-banner{background:url(/bitrix/templates/furniture_gray/images/front-page-banner-bg.jpg); background-size:cover; padding:50px 0;}
.front-page-banner h1{margin:100px 0 0; padding:0 0 0 10px; border-left:7px solid #F6CB02; color:#fff; font-size:50px; line-height:60px; font-family:QanelasBold;}


#header {}
#header a{color:#2b2b2b;}
#header .logo img{margin:25px 0 10px;}
#header .phone{margin:25px 0 0;}
#header .phone a{font-size:24px; color:#2b2b2b;}
#header .phone a:hover{color:#949494; text-decoration:none;}


.mobile{display:none; margin:25px 0;}
.mobile .sandwich{position:relative; width:40px; text-align:center;}
.mobile .sandwich div{height:5px; margin:0 0 5px 0; background:#2b2b2b; border-radius:3px; transition:all .3s linear 0s; opacity:1;}
.mobile .sandwich.active div{opacity:0;}
.mobile .sandwich .fa{display:inline-block; position:absolute; top:-5px; left:0; width:100%; margin:0; padding:0; font-size:33px; color:#2b2b2b; transition:all .3s linear 0s; opacity:0;}
.mobile .sandwich.active .fa{opacity:1;}
.mobile-items{display:none; list-style-type:none; margin:0; padding:10px 0 0;}
.mobile-items li{margin:0 0 5px 0;}


#page-wrapper{max-width:1920px; margin:0 auto; font-family:QanelasRegular; font-size:14px;}
#page-wrapper h1,
#page-wrapper h2,
#page-wrapper h3,
#page-wrapper h4,
#page-wrapper h5,
#page-wrapper h6{font-family:QanelasBold;}


.section{padding:50px 0;}
.section.bg-black{background:#2A2A2A;}
.section-title{margin:0 0 25px 0; color:#F7CC03; text-align:center; font-family:QanelasBold; font-size:38px; line-height:40px;}
.section.bg-black .section-title{color:#fff;}


.white-popup-block{display:block; position:relative; max-width:400px; margin:0 auto; text-align:center; background:#fff; padding:25px; border-radius:5px; font-size:16px;}
.white-popup-block input,
.white-popup-block textarea{width:250px; padding:5px; font-family:QanelasRegular; font-size:16px;}
.white-popup-block .result{display:none;}
.white-popup-block .result.oshibka{display:block; color:#d00;}
.white-popup-block .result.uspeshno{display:block; color:#0c0;}
.white-popup-block textarea{height:175px;}
.white-popup-block .zagolovok{font-family:QanelasBold; font-size:24px;}




@media screen and (max-width:1200px){
  .front-page-banner h1{margin:0;}
}


@media screen and (max-width:992px){
  #footer .brd-bottom{border-bottom:1px solid #4B4F53; margin-bottom:15px; padding-bottom:25px;}
  #footer .dostavka ul{background:none;}
  #footer .karta-saita{border-bottom:1px solid #4B4F53; margin-bottom:15px; padding-bottom:25px;}
  #footer .karta-saita a{text-decoration:underline;}
  #footer .karta-saita .title,
  #footer .karta-saita ul{padding:0;}
  #footer .oplata ul{background:none;}
  #footer .social{text-align:left;}
  #footer .social a{margin:25px 5px 15px 0; text-align:center;}
  #footer .title{}
  #footer ul{display:block; width:100%; list-style-type:none; margin:0; padding:0;}
}


@media screen and (max-width:768px){
  .front-page-banner h1{font-size:30px; line-height:30px;}
  
  
  #header .align-right{text-align:center;}
  #header .logo img{margin:10px 0 0;}
  #header .row{text-align:center;}
  .mobile{display:block;}
  
  
  .section .section-title{font-size:26px; line-height:30px;}
  
  
  #top-menu{display:none;}
}

.probootstrap-contact-details li {
    padding: 0;
    margin: 0 0 30px 0;
    list-style: none;
}
.probootstrap-contact-details li > span {
    display: block;
	text-decoration: underline;
}

.features {
    padding: 40px;
}
.features .items {
    display: table;
    width: 100%;
    font-size: 16px;
    line-height: 24px;
}
.features .items .item {
    display: table-row;
}
.features .items .item .caption {
    font-weight: 700;
    padding-right: 20px;
}
.features .items .item .desc {
    display: table-cell;
    vertical-align: top;
    padding: 2px 0;
}
.features .items .item.inner .caption {
    padding-left: 20px;
}
.features > .note {
    font-size: 16px;
    line-height: 24px;
    color: #2c82cb;
    padding-top: 22px;
    padding-bottom: 2px;
}

.advantages {
    background-color: #fafafa;
}
.advantages .items {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.advantages .items li {
    list-style: none;
    display: inline-block;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 20%;
}
.advantages li {
    width: 19% !important;
}
.advantages .items li i {
    display: block;
    font-size: 18px;
    font-size: 1.8rem;
    height: 60px;
    display: block;
    font-style: normal;
    margin: 10px 0 0 0;
    overflow: hidden;
}