.ttl {    font-size: 45px;  font-family: "exo-20-extra-bold";  text-align: center;  text-transform: uppercase;}
h5 {font-size: 45px; font-family: "exo-20-extra-bold";  text-align: center;  text-transform: uppercase;}
.es16 .ttl { margin: 20px 0}
.es3 h4 {      margin: 50px 0 40px 0;color: #ffffff;  font-size: 50px;  font-family: "exo-20-extra-bold";  text-align: center;  line-height: 57px;
    padding-right: 15px;   padding-left: 15px;}
.es2 .ttl{margin-top:50px}
.es6 .ttl { color: #ffffff; padding: 0;  margin: 0;  font-size: 57px;  font-family: "Exo 2.0 Bold";  text-align: center;
    text-transform: uppercase;}
.b-desk .ttl {padding: 0; margin: 0; font-size: 45px;}
.b-desk .ttl2 {padding: 0;  margin: 0; font-size: 35px;  font-family: "Exo 2.0 Medium"; text-transform: uppercase;  text-align: center;}
.es5 { background: url("../images/es5.png") top center no-repeat;
	background-size: cover;}
.b-calc-bg h1 text-align: center; font-family: "exo-20-extra-bold";
    font-size: 3.9em;  text-transform: uppercase;  line-height: 1.2;
    margin-bottom: 55px;  padding-top: 30px;}
.mail-director .ttl { color: #ffffff; margin-bottom: 30px}
.b-otziv-form .ttl { color: #fdbc00; margin: 30px auto}
.b-up {  height: 55px;  width: 70px;    bottom: 5px; padding-left: 10px} 
.b-up img {width: 100%}


@media only screen and (max-width: 640px){
div.bx-yandex-map { height: 385px!important;}
.es5 {background-image: none;background-color: #363a46;  padding-top: 40px;}
}
@media (max-width: 992px) {
	.title-m {padding:0; margin:0}
	.bx-yandex-map {height: 600px!important;}
.b-desk .ttl {font-size: 36px; padding-left: 10px; padding-right: 10px;}
.b-desk .ttl2 {font-size: 24px; padding-left: 10px;  padding-right: 10px;}
.es8 h5 { padding-left: 15px; padding-right: 15px;}
}

.b-yellow-menu__table_cell .link {font-size: 17px;    white-space: nowrap;}


/*© ООО Сео-Гранд seo-grand.ru*/

#b-fixed-bottom.b-fixed-bottom-hidden {
  display: none; }

.b-fixed {
bottom: 0px
}
img.fixedClose {
	top: 0;
	right: -16px;
    transform: scale(0.8);
}
.fixedClose {
	position: absolute;
	cursor: pointer;
}

.b-fixed.dontShow {
	transition: 0.5s linear;
	bottom: -90px!important;
}
.fixedClose {
	position: absolute;
    width: 42px;
    height: 42px;
    border: 3px solid #fff;
    color: #fff;
    background-color: #373b47;
    border-radius: 50%;
    text-align: center;
    line-height: 42px;
    cursor: pointer;
z-index: 5
}
.b-fixed .fixedClose {
    left: 150px;
    top: 0;
    transform: translateY(-50%);
}
.b-fixedtop .fixedClose {
    right: 150px;
    top: 100%;
    transform: translateY(-50%);
}
.b-fixed .fixedClose i {
	line-height: 40px;
}
.b-fixed .fixedClose i.fa-chevron-up {
    line-height: 35px;
}
.fixedClose:hover {
	background-color: #000000;
}

.b-fly {
    height: 200px;
	width: 181px; 
    background: url("../images/fly.png") center no-repeat;
    background-size: cover;
    font-size: 12px;
    line-height: 1;
padding: 115px 0 0 40px;   
 right: 10px!important;

}




.b-header_ttl { font-size: 30px} 


@media (max-width: 992px) {
.es34 .wrapper { height: auto}
.b-header_ttl {font-size: 24px;}
}

@media (max-width: 654px) {
.es36 .wrapper { height: auto}
}


.prav-info { font-size: 11px;  line-height: 1 }
.prav-info.top20 {margin-top: 20px;}
.prav-info.top10 {margin-top: 10px;}
.prav-info.top-10 {margin-top: -10px;}
.prav-info.center {text-align: center;}
.prav-info.grey {color: #cccccc}
.prav-info.grey a{color: #cccccc;  text-decoration: underline;}
.prav-info.grey a:hover{color: #cccccc;  text-decoration: none}
.prav-info.dark {color: rgba(0,0,0,0.5)}
.prav-info.dark a{color: rgba(0,0,0,0.5);text-decoration: underline;}
.prav-info.dark a:hover{color: rgba(0,0,0,0.5); text-decoration: none}
.prav-info.white {color: #fff}
.prav-info.white a{color: #fff;text-decoration: underline;}
.prav-info.white a:hover{color: #fff; text-decoration: none}
.prav-info.w80 { width: 80%; margin: 20px auto;}
.prav-info.mb30  {  margin-bottom: 30px;}
.b-form.zamer .b-form__skin:before {bottom: 56px}
.b-form.want-cheaper .prav-info {    position: relative; z-index: 5;}
.b-form__block form {margin-bottom: 0}
.es6_form {height: 270px;     margin-top: -25px;}
.es6 {margin-top: -135px;} 
.b-otdelka .prav-info{    position: relative; z-index: 5;}
 .es28 .prav-info{    position: relative; z-index: 55;}
.mail-director .prav-info {position: relative; z-index: 5;}
@media (max-width: 1050px){
.b-derevo__footer {
    height: auto;
    min-height: 220px;
    background: url("../images/bg-bottom.png") bottom center no-repeat;
    background-size: cover;
    padding-bottom: 30px;
}

.b-derevo__footer .prav-info.top-10 {margin-top: 0px;}
}

@media (max-width: 815px){
	.es13-top .es13 {padding-bottom: 0px;}
}
@media (max-width: 745px){
.b-derevo__footer {  background-image: none;
    background-color: #ffcc00;   height: auto;}
	}

@media (max-width: 768px){
	.es5 p { width: 100%;line-height: 1.1; }
.b-desk .ttl2 {margin-top: 15px;}
	.es28__top, .es28_form { display: block;  margin: 40px auto 10px auto;}
}
@media (max-width: 720px){
	.b-form.zamer .b-form__skin {height: auto;}
	.b-form.zamer .prav-info, .b-form.zamer .prav-info a  {color:rgba(0,0,0,0.5)}

}

@media (max-width: 640px){
	.es6 { margin-top: -45px;}
}
@media (max-width: 540px) {
.es6_form {height: auto;}
}


.b-yellow-menu {text-align: center}
.b-yellow-menu__table {float: none; margin: 20px auto 0 auto}
.b-yellow-menu__table_cell .link.menu4:before {
content: ""; 
    display: block;
    position: absolute;
    top: -14px;
    left: 0;
height: 45px; 
width: 35px;
   background: url("../images/menu4.png") bottom center no-repeat;

}

.b-yellow-menu__table_cell .link.menu5:before {
content: ""; 
    display: block;
    position: absolute;
    top: -4px;
    left: 0;
height: 33px; 
width: 31px;
   background: url("../images/menu5.png") bottom center no-repeat;

}
.b-yellow-menu__table_cell .link.menu6:before {
content: ""; 
    display: block;
    position: absolute;
    top: -4px;
    left: 0;
height: 35px; 
width: 41px;
   background: url("../images/menu6.png") bottom center no-repeat;

}

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

.b-yellow-menu__table {display: block; margin: 0px auto 0 auto;}
.b-yellow-menu__table_cell{display: inline-block; margin-top:20px}
}

@media (max-width: 1075px){
.es3._balkon { padding-top: 40px;}
.es3._balkon h4 { font-size: 36px;}
}

@media (max-width: 992px){
.b-footer_item:last-child { margin-bottom: 0px;}
.es6 .ttl{ font-size: 50px;}
}


@media (max-width: 768px){
.ttl { font-size: 42px;}
h5 { font-size: 42px;}
}

@media (max-width: 660px){
	.b-calc-bg h1 {font-size: 2.5em;}
.b-yellow-menu__table_cell {height: auto;  text-align: left; margin-bottom: 10px; width: 270px;}
.b-yellow-menu__table_cell .link.menu1 {  padding-left: 45px;}
.b-yellow-menu__table_cell .link.menu1:before { left: 3px;}
	.b-yellow-menu__table_cell .link.menu2 { padding-left: 45px;}
.b-yellow-menu__table_cell .link.menu2:before {     left: -10px; transform: scale(0.8);}
.b-yellow-menu__table_cell .link.menu3 {  padding-left: 45px;}
.b-yellow-menu__table_cell .link.menu3:before { left: 6px;}

}
@media (max-width: 480px){
.ttl { font-size: 36px;}
.es2 .ttl{  font-size: 32px; padding-right: 20px;   padding-left: 20px;}
.es6 .ttl{ font-size: 38px;}
.es6_form .btn { width: 100%;  font-size: 26px;  line-height: 26px;}
.b-desk .ttl {font-size: 30px;}
.b-desk .tt2 {font-size: 18px;}
.es16._gotov-okna { margin-bottom: -220px;}
	.es3._balkon h4 {  font-size: 30px;  line-height: 1.3;}
	.es34_btn .btn { font-size: 22px;}
}