/* Fonts */

@font-face {
	font-family: 'Segoe UI 100';
	src: url('/fonts/SegoeUI-Light.eot');
	src: local('/fonts/Segoe UI Light'), local('/fonts/SegoeUI-Light'),
		url('/fonts/SegoeUI-Light.eot?#iefix') format('embedded-opentype'),
		url('/fonts/SegoeUI-Light.woff') format('woff'),
		url('/fonts/SegoeUI-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}


@font-face {
	font-family: 'Segoe UI 500';
	src: url('/fonts/SegoeUI-SemiBold.eot');
	src: local('/fonts/Segoe UI Semibold'), local('/fonts/SegoeUI-SemiBold'),
		url('/fonts/SegoeUI-SemiBold.eot?#iefix') format('embedded-opentype'),
		url('/fonts/SegoeUI-SemiBold.woff') format('woff'),
		url('/fonts/SegoeUI-SemiBold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Segoe UI';
	src: url('/fonts/SegoeUI.eot');
	src: local('/fonts/Segoe UI'), local('/fonts/SegoeUI'),
		url('/fonts/SegoeUI.eot?#iefix') format('embedded-opentype'),
		url('/fonts/SegoeUI.woff') format('woff'),
		url('/fonts/SegoeUI.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Segoe UI 700';
	src: url('/fonts/SegoeUI-Bold.eot');
	src: local('/fonts/Segoe UI Bold'), local('/fonts/SegoeUI-Bold'),
		url('/fonts/SegoeUI-Bold.eot?#iefix') format('embedded-opentype'),
		url('/fonts/SegoeUI-Bold.woff') format('woff'),
		url('/fonts/SegoeUI-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

/* акция */
/*
div#tables table:nth-child(1) tr:nth-child(33) {
    background: #ce4b21;
}


div#tables table:nth-child(1) tr:nth-child(44) {
    background: #ce4b21;
}
*/

.skid {
    padding: 50px;
}

.callibri_phone {
    font-weight: 700;
    color: #ffffff !important;
}

a#area-146 {
    display: none !important;
}

/*

div#tables table:nth-child(1) tr:nth-child(2) td.number,
div#tables table:nth-child(1) tr:nth-child(3) td.number,
div#tables table:nth-child(1) tr:nth-child(40) td.number,
div#tables table:nth-child(1) tr:nth-child(41) td.number,
div#tables table:nth-child(2) tr:nth-child(41) td.number,
div#tables table:nth-child(2) tr:nth-child(42) td.number,
div#tables table:nth-child(2) tr:nth-child(43) td.number,
div#tables table:nth-child(2) tr:nth-child(44) td.number {
    color: #332927;
}

div#tables table:nth-child(1) tr:nth-child(2) {
    background: #ce4b21;
}

div#tables table:nth-child(1) tr:nth-child(3) {
    background: #ce4b21;
}

div#tables table:nth-child(1) tr:nth-child(40) {
    background: #ce4b21;
}

div#tables table:nth-child(1) tr:nth-child(41) {
    background: #ce4b21;
}

div#tables table:nth-child(2) tr:nth-child(41) {
    background: #ce4b21;
}

div#tables table:nth-child(2) tr:nth-child(42) {
    background: #ce4b21;
}

div#tables table:nth-child(2) tr:nth-child(43) {
    background: #ce4b21;
}

div#tables table:nth-child(2) tr:nth-child(44) {
    background: #ce4b21;
}

*/

a, p, span, ul, li, h1, h2, h3, h4, input, textarea {
	font-family: "Segoe UI";
}

a, input {
	-webkit-transition: all .3s ease;
}

.container.photo.page-dom ul {
    padding-left: 20px;
    list-style-type: disc;
    padding-bottom: 10px;
}

.container.photo.page-dom ul li {
    font-family: "Segoe UI";
    color: white;
    font-weight: 300;
    font-size: 18px;
}

.h-preim p {
    float: left;
    padding: 10px;
    margin: 5px;
    width: 100%;
    text-align: center;
}

.greens {
    /* background: #8cc63f; */
    border: 1px solid #8cc63f;
    box-sizing: initial;
}

.gray {
    /* background: #904923; */
    border: 1px solid #904923;
    box-sizing: initial;
}

.yellow {
    /* background: #ffb320; */
    border: 1px solid #ffb320;
    box-sizing: initial;
}

.orange {
    /* background: #f95b25; */
    border: 1px solid #f95b25;
    box-sizing: initial;
}

h3.title-home {
    font-family: "Segoe UI 700";
    color: white;
    font-size: 28px;
    padding: 20px 0;
}

/* дома */

.dom {
    background: #ffffff;
    margin: 40px 0 10px 0;
    padding-bottom: 20px;
    text-align: center;
}

.dom p {
    color: #5f3d2b;
    font-size: 20px;
    font-weight: 700;
}

h3 {
    color: #de7f29;
    padding-bottom: 15px;
}

.foto-dom {
    padding: 0;
}

/* новости */

#news span {
    color: #799f34;
    display: block;
    font-size: 16px;
    padding: 0 0 5px 0;
}

#news p {
    font-size: 16px;
    line-height: 18px;
    color: #ffffff;
}

#news img {
    width: 100px;
    height: auto;
    float: left;
    padding: 0;
    margin: 0px 20px 0 0;
}

div#news .fw-cms-info-item {
    margin-bottom: 15px;
}

/* форма обратной связи */

.forma-zakaza input[type="text"], 
.forma-zakaza input[type="email"], 
.forma-zakaza input[type="tel"],
.forma-zakaza textarea {
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
    border: 0px;
    font-size: 16px;
    color: #000000;
    background: #ffffff;
    margin-bottom: 10px;
    border-radius: 25px;
    text-align: center;
	font-family: "Segoe UI";
}

.forma-zakaza h2, .forma-zakaza h3 {
    text-align: center;
    color: #ffffff;
    line-height: 30px;
    font-weight: 600;
    font-size: 23px;
    padding: 0 0 15px 0;
    margin: 0px;
}

.forma-zakaza h2 {
    font-size: 30px;
}

.forma-zakaza p {
    font-size: 15px;
    color: #ffffff;
    padding: 4px 0 4px 0;
}

#fancybox-content {
    border-width: 0px !important;
    background: #1b98de !important;
    padding: 10px !important;
}

#contact_form_1, #contact_form_2 {
    padding: 10px 20px;
}

.forma-zakaza input[type="submit"] {
    border: none;
    background: #ff9728;
    color: #ffffff;
    padding: 10px;
    font-size: 20px;
    font-weight: 300;
    display: inline-block;
    width: 100%;
    text-align: center;
    cursor: pointer;
    padding: 10px 0;
}

.forma-zakaza textarea {
    height: 110px;
}

.forma-zakaza input[type="submit"]:hover {
    background: #98dc2f;
}

.forma-zakaza input[type="submit"]:active {
    background: #72b50c;
}

#contact_form_1 div.wpcf7-response-output {
    margin: 0px;
    padding: 10px;
    font-size: 13px;
    line-height: 16px;
    color: #f7e700;
}

.forma-zakaza p a {
    text-align: center;
    padding: 5px 0;
    color: #82cb12;
    text-decoration: underline;
}

.forma-zakaza p a:hover {
    color: #a2f622;
    text-decoration: underline;
}

span.wpcf7-list-item {
    display: inline-block;
    margin: 0 !important;
}

div.wpcf7 .ajax-loader {
    display: none !important;
}

span.wpcf7-form-control-wrap.acceptance-01 {
    text-align: center;
}

div#title-form-footer h3 {
    text-align: center;
    color: #ffffff;
    font-size: 36px;
    margin: 50px 0 30px;
    font-weight: 700;
}

footer.site-footer.container-fluid a {
    color: #eef447;
    text-decoration: underline;
}

footer.site-footer.container-fluid a:hover {
    color: #faff77;
    text-decoration: underline;
}

.insta a {
    background: url(/images/insta.png) 0 50% no-repeat;
    padding: 15px 0 15px 50px;
    color: #ffffff !important;
    display: block;
    line-height: 20px;
    font-size: 18px;
}


@media (min-width: 768px) and (max-width: 990px) {
  /* Tablets Min 769 - Max 990 */
  .fw-topbar .fw-topbar-content .phone a {
    margin-bottom: 10px;
  }
  .fw-header-form .fw-header-form-content .fw-header-form-intro p {
    font-size: 16px !important;
  }
  
  .fw-header-form .fw-header-form-content .fw-header-form-intro p.start.newyear {
    font-size: 22px !important;
}

.fw-header-form .fw-header-form-content .fw-header-form-intro h3.offer {font-size: 16px !important;}

}

@media (min-width: 990px) {
  /* Only PC Min 990 */
  .fw-mobile-info .fw-mobile-info-content .fw-mobile-left {
    margin-top: 50px;
  }
  .fw-mobile-info .fw-mobile-info-content .fw-mobile-right {
    margin-top: 75px;
    text-align: right;
	margin-bottom: 50px;
  }
  .fw-dop-info
    .fw-dop-info-content
    .fw-dop-info-items
    .fw-dop-info-item
    .heading {
    width: 50%;
    float: left;
  }
  .fw-dop-info
    .fw-dop-info-content
    .fw-dop-info-items
    .fw-dop-info-item
    .price {
    width: 50%;
    float: right;
  }
}

/* Normal 992+ */
.fw-topbar {
    background: #754c24;
    background-repeat: repeat-x;
    min-height: 55px;
    position: fixed;
    z-index: 999;
    width: 100%;
}
.fw-topbar .fw-topbar-content .navmenu {
  padding-top: 13px;
}
.fw-topbar .fw-topbar-content .navmenu ul {
  padding-left: 0;
}

.fw-topbar .fw-topbar-content .navmenu ul li {
  list-style: none;
  display: inline-block;
  margin: 0 4px;
}

#grachi .fw-topbar .fw-topbar-content .navmenu ul li a {
	color: white;
    font-family: "Segoe UI 500";
    font-size: 13px;
    text-transform: uppercase;
}

#grachi .fw-topbar .fw-topbar-content .navmenu ul li a:hover {
	color: #FBB03B;
	text-decoration: none;
}


.fw-topbar .fw-topbar-content .phone a {
  color: #f6ff00;
  font-weight: bold;
  font-size: 18px;
  margin-top: 10px;
  display: block;
  font-family: "Segoe UI 700";
  text-align: center;
}
.fw-header-form {
  background: url("https://grachiusadba.ru/images/home3/v5.jpg") 50% 0 no-repeat;
  padding-bottom: 40px;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}
.fw-header-form .fw-header-form-content {
  margin-top: 80px;
  margin-bottom: 40px;
}
.fw-header-form .fw-header-form-content .fw-header-form-intro h1 {
    font-family: "Segoe UI 700";
    color: white;
    font-size: 45px;
}

.fw-header-form .fw-header-form-content .fw-header-form-intro span {
  color: #f6ff00;
}

.fw-header-form-intro.col-xs-12.col-md-10.col-sm-12.textp p {
    margin: 0 0 5px;
}

p {
    color: white;
    font-weight: 300;
    font-size: 18px;
}

.fw-header-form .fw-header-form-content .fw-header-form-intro p.prise {
    font-size: 2em;
}


.fw-header-form .fw-header-form-content .fw-header-form-intro .fw-btn-r {
  margin-top: 25px;
}

.fw-header-form .fw-header-form-content .fw-header-form-form p {
  font-family: "Segoe UI 700";
}
.fw-header-form .fw-header-form-content .fw-header-form-form .form-group input {
  text-align: center;
  border-radius: 20px;
  padding: 20px 15px;
  font-family: "Museo100";
  font-size: 1.2em;
}

.fw-header-form .fw-header-form-content .fw-header-form-form [type="submit"] {
    background: #82cb12;
    padding: 5px 5px;
    border-radius: 5px;
    color: #fff;
    font-family: "Segoe UI";
    font-size: 20px;
    display: block;
    border: 0px;
    margin: 20px auto;
    text-align: center;
    box-sizing: border-box;
    width: 70%;
	text-transform: uppercase;
}

.fw-header-form .fw-header-form-content .fw-header-form-form [type="submit"]:hover {
	background: #98dc2f;
}

.fw-advantages {
  background: url("../images/company-bg.jpg") 50% 0 no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}
.fw-advantages .fw-advantages-content {
  padding-top: 30px;
}

h2 {
    text-align: left;
    font-family: "Segoe UI";
    margin: 0;
    text-transform: uppercase;
    background: #754c24;
    color: #ffffff;
    display: inline-block;
    padding: 15px 35px;
    box-shadow: 6px 6px 8px rgba(0,0,0,0.22);
    font-size: 26px;
}

.fw-advantages .fw-advantages-items .fw-advantages-item-content .fw-circle {
  border-radius: 50%;
  width: 150px;
  height: 150px;
  background: #82cb12;
  display: block;
  margin: 0 auto;
}

.fw-advantages .adv {
  background-image: url("../images/adv-sprite.png");
  background-repeat: no-repeat;
  display: block;
  margin: 0 auto;
  position: relative;
  top: 25px;
}

.fw-advantages .adv-adv-1 {
  width: 91px;
  height: 91px;
  background-position: -5px -5px;
}

.fw-advantages .adv-adv-2 {
  width: 97px;
  height: 97px;
  background-position: -106px -5px;
}

.fw-advantages .adv-adv-3 {
  width: 101px;
  height: 100px;
  background-position: -213px -5px;
  left: 5px;
  top: 28px;
}

.fw-advantages .adv-adv-4 {
  width: 97px;
  height: 97px;
  background-position: -324px -5px;
}

.fw-advantages .fw-advantages-item .fw-advantages-item-content p {
    font-family: "Segoe UI 500";
    text-align: left;
    margin-bottom: 15px;
    font-size: 16px;
    color: #442d1f;
}

.fw-cms-info {
	background-color: #6c522d;
    background: url(/images/contact-bg.jpg) no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

.fw-cms-info .fw-cms-info-content .fw-cms-info-item {
  margin-bottom: 30px;
}

.fw-cms-info
 .fw-cms-info-content
 .fw-cms-info-item
 .fw-cms-info-item-content
 h3 {
    color: #fbb03b;
    font-family: "Segoe UI 500";
    font-size: 28px;
    font-weight: bold;
    text-align: left;
    margin: 0 0 25px 0;
    padding: 0;
}


.fw-cms-info
  .fw-cms-info-content
  .fw-cms-info-item
  .fw-cms-info-item-content
  p {
    color: #ffffff;
    font-family: "Segoe UI";
    font-size: 16px;
    text-align: left;
}
 .fw-cms-info-content  .cms {
    background-repeat: no-repeat;
    display: block;
    margin: 0 auto;
    height: 125px;
    width: 125px;
    background-image: url(../images/cms-sprite-2.png);
    border-radius: 100px;
}

.cms-cms1 {
    background-position: 20px 20px;
    background-color: #51a217;
}

.cms-cms2 {
  background-position: -105px 20px;
      background-color: #ffb320;
}

.cms-cms3 {
  background-position: -210px 20px;
      background-color: #f95b25;
}

.cms-cms4 {
  background-position: -322px 20px;
      background-color: #904923;
}

.cms-cms5 {
  background-position: -433px 20px;
      background-color: #f95b25;
}

.cms-cms6 {
  background-position: -540px 20px;
      background-color: #904923;
}

.cms-cms7 {
  background-position: -650px 20px;
      background-color: #51a217;
}

.cms-cms8 {

  background-position: -760px 20px;
      background-color: #ffb320;
}

.cms-cms9 {
    width: 120px;
    height: 104px;
    background-position: -880px -5px;
}

.cms-cms10 {
    width: 105px;
    height: 104px;
    background-position: -1006px -5px;
}

.cms-cms11 {
    width: 105px;
    height: 104px;
    background-position: -1122px -5px;
}

.cms-cms12 {
    width: 105px;
    height: 104px;
    background-position: -1235px -5px;
}

.red {
    color: #e20c0c;
}

.green {
    color: #5ca530;
}

.green, .red  {
    font-family: "Segoe UI";
    font-size: 1.2em;
    font-weight: bold;
}

.green h3, .red h3  {
    font-family: "Segoe UI 700";
    font-size: 28px;
    font-weight: bold;
}

.fw-mobile-info .fw-mobile-info-content p {
    font-family: "Segoe UI";
    font-size: 1.8em;
    color: white;
}
.fw-calc-info .fw-calc-info-content .fw-calc-info-text h2 {
  color: #1b2623;
  font-family: "Segoe UI 700";
  font-size: 2.2em;
  font-weight: bold;
}
.fw-calc-info .fw-calc-info-content .fw-calc-info-text p {
  color: #82cb12;
  font-family: "Segoe UI 500";
  font-size: 1.7em;
  font-weight: bold;
}
.fw-calc-info .fw-calc-info-content .fw-calc-info-text .first {
  margin-bottom: 35px;
}
.fw-calc-info .fw-calc-info-content .fw-calc-info-text .second {
  color: #1b2623;
}
.fw-calc-info .fw-calc-info-content .fw-calc-info-text ul {
  padding-left: 0;
}
.fw-calc-info .fw-calc-info-content .fw-calc-info-text ul li {
  list-style: none;
  font-family: "Segoe UI";
  font-size: 1.3em;
  font-weight: bold;
  color: #1b2623;
}

.fw-calc-info .fw-calc-info-content .fw-calc-info-text a {
	background: #82cb12;
    padding: 10px 60px;
    border-radius: 30px 30px;
    color: #fff;
    font-family: "Segoe UI 700";
    font-size: 1.4em;
    margin-top: 25px;
    display: inline-block;
    text-decoration: none;
}

.fw-dop-info {
  background: #f6f6f6;
}
.fw-dop-info
  .fw-dop-info-content
  .fw-dop-info-items
  .fw-dop-info-item
  .heading {
  font-family: "Segoe UI 700";
  font-size: 1.2em;
  color: #82cb12;
  font-weight: bold;
}
.fw-dop-info .fw-dop-info-content .fw-dop-info-items .fw-dop-info-item .price {
  font-family: "Segoe UI";
  font-size: 1.2em;
  color: #1b2623;
  font-weight: bold;
}
.fw-dop-info
  .fw-dop-info-content
  .fw-dop-info-items
  .fw-dop-info-item
  .price
  span {
  font-family: "Segoe UI 700";
}
.fw-dop-info .fw-dop-info-content .fw-dop-info-items .selected .heading {
  color: #55b9ed;
  text-decoration: underline;
}
.fw-dop-info .fw-dop-info-content .fw-dop-info-items .fw-dop-info-item {
  margin-bottom: 10px;
}
.fw-dop-info .fw-dop-info-content a {
  background: #82cb12;
  padding: 10px 60px;
  border-radius: 30px 30px;
  color: #fff;
  font-family: "Segoe UI 700";
  font-size: 1.4em;
  margin-top: 50px;
  display: block;
  overflow: hidden;
  max-width: 233px;
  margin: 30px auto;
}


.site-footer {
  background: #754c24;
}
.site-footer p {
  color: #ffffff;
  text-align: center;
  font-family: "Segoe UI";
  margin: 0;
  font-weight: bold;
  padding: 15px;
  font-size: 14px;
}

.fw-dop-info .fw-dop-info-content a:hover,
.fw-calc-info .fw-calc-info-content .fw-calc-info-text a:hover {
	background: #98dc2f;
	text-decoration: none !important;
}


@media (min-width: 990px) and (max-width: 1200px){

.fw-topbar .fw-topbar-content .navmenu ul li {
    margin: 0 1px;
}

.col-md-2.phone.col-xs-12.col-sm-12 {
    width: 16%;
}

.col-md-2.phone.col-xs-12.col-sm-12 a,
.fw-topbar .fw-topbar-content .navmenu ul li a {
    font-size: 16px;
}

.col-md-2.logo.col-xs-12.col-sm-12 img {
    width: 100%;
}

.fw-header-form .fw-header-form-content .fw-header-form-intro h1 {
    font-size: 32px;
}
	
}

.mobil-menu {
    display: none;
}

/* меню мобильное */

@media (max-width: 990px) {

.fw-topbar {
    max-height: 50px;
}

.fw-calc-info {
    padding: 0;
}

div#title-form-footer h3 {
    font-size: 32px;
}

.fw-header-form .fw-header-form-content .fw-header-form-form {
    margin-top: 40px;
}

.menu-pk.container {
    display: none;
}
	
.mobil-menu {
    display: block;
}

.menu2 {
	display: none;
    margin-left: 0px;
    padding: 0 10px;
}

.menu2 li a {
    background: #754c24;
    color: #797979;
}

.menu2 li a {
    font-weight: 600;
    text-decoration: none;
    padding: 15px 15px;
    display: block;
    color: #fff;
    transition: all 0.2s ease-in-out 0s;
}

.menu2 li {
    display: block;
    margin: 0;
	position: relative;
    z-index: 100;
}

.menu2 li a:hover, .menu li:hover>a {
    background: #de7f29;
    color: #fff;
    text-decoration: none !important;
}

nav {
    margin: 0;
    background: none;
}

.phone {
    float: right;
    margin: 0px 30px;
    font-size: 18px;
    position: fixed;
    right: 0px;
    top: 15px;
	z-index: 9999;
}

.phone a {
    color: #ffffff;
}

a#resp-menu:hover {
    color: #ffffff;
}

.responsive-menu {
    padding: 18px 30px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
	display: inline-block;
}

.fw-header-form-intro.col-xs-12.col-md-7.col-sm-7 {
    text-align: center;
}

.forma-zakaza h2, .forma-zakaza h3 {
    line-height: 26px;
    font-size: 20px;
}

#title-form-footer h3 {
    font-size: 28px;
}

a#resp-menu {
    width: 100px;
}

a#resp-menu:focus,
a#resp-menu:active {
    color: #ffffff;
}

}

.wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok {
    border: 2px solid #82cb12;
    color: #ffffff;
    padding: 10px;
    margin: 0;
    text-align: center;
}

.company {
    background: url(/images/fon2.png);
    background: #ffffffee;
    margin-right: 0px;
    margin-left: 0px;
	margin-bottom: 60px;
}

div#advantages h2 {
    margin-bottom: 0px;
}

.delpadding {
	margin-right: -15px;
    margin-left: -15px;
}

p.text-bg {
    background: #8cc63f;
    text-align: center;
    padding: 5px;
    font-family: "Segoe UI 500";
    text-transform: uppercase;
    margin: 0px auto 50px auto;
	font-size: 16px;
}

p.text-bg-none {
    background: #8cc63f;
    text-align: center;
    padding: 5px;
    font-family: "Segoe UI 500";
    text-transform: none;
    margin: 0px auto 50px auto;
	font-size: 16px;
}

p.text-bg1 {
    background: #8cc63f;
}

p.text-bg2 {
    background: #904923;
}

p.text-bg3 {
    background: #ffb320;
}

p.text-bg4 {
    background: #f95b25;
}

.poz-up {
position: relative;
    top: -31px;
}

.poz-up2 {
    position: relative;
    top: -4px;
    z-index: 1;
}

.polosa {
    background: #603813;
    height: 50px;
}

.fw-cms-info-item ul {
    margin: 0;
    padding: 0 0 20px 0px;
    font-size: 16px;
    color: #ffffff;
}

.fw-cms-info-item ul li {list-style-type: none;}

.fw-cms-info-item ul li:before {
    color: #fbb03b; /* Цвет маркера */
    content: "• "; /* Сам маркер */
    padding-right: 10px; /* Расстояние от маркера до текста */
   }
   
.fw-cms-info-item ul li span {color: #ffffff;}  
   
#grachi a {
    color: #fbb03b;
    text-decoration: none;
}
   
#grachi a:hover {
    color: #fbb03b;
    text-decoration: underline;
} 

.fw-cms-info-item-content b {
    color: #fbb03b;
}

.bl-2 input {
    border: none;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    margin-bottom: 10px;
    font-size: 16px;
}

.bl-2 input {
    border: none;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    margin-bottom: 10px;
    font-size: 16px;
}

.bl-2 input[type=submit] {
    background: #ff7900;
    color: #ffffff;
    font-size: 18px;
    border: 1px solid #ab5100;
}

.bl-2 input[type=submit]:hover {
    background: #ff902c;
}

.bl-2 textarea {
    border: 0px;
    border: none;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    margin-bottom: 10px;
    font-size: 16px;
    max-width: 100%;
	min-width: 100%;
    height: 100px;
    max-height: 100px;
	min-height: 100px;
}

.container.photo {
    margin: 30px auto 20px auto;
}

.photogallery {
    background: url(/images/foto-bg.jpg) 50% 0 #332927 repeat-y;
	padding-bottom: 60px;
}

.fw-dop-info.photogallery.top-otstup {
    padding-top: 100px;
}

.photo img {
    width: 100%;
    height: auto;
    margin: 15px 0px;
}

.zelen {
	background: #7a9f35;
    padding-top: 15px;
}

.korich {
    background: url(/images/foto-bg.jpg) 50% 0 #332927 no-repeat;
	padding-bottom: 50px;
}

#tables {
    font-size: 13px;
    margin: 40px 0;
    padding: 0;
    line-height: 13px;
    color: #ffffff;
	font-family: "Segoe UI";
}

#tables  table td, #tables table th {
    border: 0px;
    padding: 3px 5px;
}

#tables tr th {
    background: #f7931e;
    color: #332927;
    border: 2px solid #332927;
    padding: 5px 5px;
}

td.number {
    color: #799f34;
}

table .number,
table .square  {
    width: 10%;
}

table .price_sot, table .price_full {
    width: 20%;
}

table .setting {
    width: 40%;
}

#grachi a.btn-photo {
    text-align: center;
    display: table;
    margin: 0 auto;
    background: #ff7900;
    color: #ffffff !important;
    font-size: 18px;
    border: 1px solid #ab5100;
    padding: 10px 20px;
}

#grachi a.btn-photo:hover {
    background: #ff902c;
	text-decoration: none;
}

#grachi a.btn-gaz {
    text-align: center;
    display: table;
    margin: 0 auto;
    background: #cd381c;
    color: #ffffff !important;
    font-size: 18px;
    border: 1px solid #ab5100;
    padding: 10px 20px;
}

#grachi a.btn-gaz:hover {
    background: #e04528;
	text-decoration: none;
}

.row {
    padding: 0px;
}

.infras {
	background: url(/images/fon.png);
    background: #754c2478;
}

.fw-advantages-item-content h3 {
    font-size: 22px;
    font-family: "Segoe UI 700";
    color: #5f3d2b;
    margin: 20px 0 15px 0;
    padding: 0;
}

p.start {
    background: #cd381c;
    display: inline-block;
    padding: 10px 20px;
    -o-transform: rotate(1deg);
    -ms-transform: rotate(1deg);
    -moz-transform: rotate(1deg);
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
    margin: 15px 0 30px 0;
    font-size: 22px;
    -webkit-transition: all .3s ease;
}

p.newyear {
    background: #ffb320;
    font-size: 28px;
	font-weight: 700;
}

p.start.newyear:hover {
    background: #ffb525;
    font-size: 30px;
}

p.start-go {
    background: #51a217;
    display: inline-block;
    padding: 10px 20px;
    -o-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -webkit-transform: rotate(-1deg);
    transform: rotate(-1deg);
    margin: 15px 0 30px 0;
    font-size: 22px;
    -webkit-transition: all .3s ease;
}

p.start-go:hover {
    transform: rotate(2deg);
    font-size: 24px;
    background: #7ac732;
}

p.start-go2 {
    background: #cd381c;
    display: inline-block;
    padding: 10px 20px;
    -o-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -webkit-transform: rotate(-1deg);
    transform: rotate(-1deg);
    margin: 15px 0 15px 0;
    font-size: 22px;
    -webkit-transition: all .3s ease;
}

p.start-go2 a {color: #ffffff !important;}

p.start-go2:hover {
    transform: rotate(2deg);
    font-size: 22px;
    background: #e04528;
}

p.start:hover {
    transform: rotate(-2deg);
    font-size: 24px;
    background: #df3616;
}

h3.offer{
    background: #de7f29;
    display: inline-block;
    padding: 10px 20px;
    -o-transform: rotate(1deg);
    -ms-transform: rotate(1deg);
    -moz-transform: rotate(1deg);
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
    margin: 15px 0 20px 0;
    font-size: 22px;
    -webkit-transition: all .3s ease;
	color: #ffffff!important;
}

h3.offer:hover {
    transform: rotate(-1deg);
    font-size: 22px;
    background: #f79032;
}

h3.offer2 {
    background: #754c24;
    display: inline-block;
    padding: 10px 20px;
    -o-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -webkit-transform: rotate(-1deg);
    transform: rotate(-1deg);
    margin: 15px 0 20px 0;
    font-size: 22px;
    -webkit-transition: all .3s ease;
    color: #ffffff!important;
}

h3.offer2:hover {
    transform: rotate(1deg);
    font-size: 22px;
    background: #975f28;
}

#podr a {
    color: #ffffff;
    padding: 10px 25px;
    font-size: 20px;
    text-transform: uppercase;
    display: inline-block;
    border: 1px solid #7ac732;
    box-sizing: border-box;
	background: #7ac732;
}

#podr a:hover {
    background: #9ad662;
	color: #ffffff;
	text-decoration: none;
}

#podr a:nth-child(2) {
    margin-left: 20px;
    border: 1px solid #ff7900;
    background: #ff7900;
}
#podr a:nth-child(2):hover {
    background: #ff902c;
    margin-left: 20px;
}

div#about {
    margin: 120px auto 0;
}

.logotyp {
    position: absolute;
}

#contact_form_0 {
    background: #ffffff45;
    border-radius: 10px;
    padding-bottom: 5px;
    margin-top: 40px;
	border: 1px solid #dcdcdc;
}

div#contact_form_0 h3 {
    background: #fcfcfc45;
    color: #ffffff;
    text-align: center;
    border-radius: 10px 10px 0 0;
    padding: 10px 0;
    font-family: "Segoe UI 700";
    margin: 0;
}

#contact_form_0 p {
    color: #fcfcfc;
    font-family: "Segoe UI 500";
    text-align: center;
    line-height: 24px;
    padding: 15px 10px;
    font-size: 20px;
    margin: 0;
}

.f-pole input {
    display: block;
    width: 70%;
    margin: 0 auto 10px auto;
    padding: 10px;
    font-size: 16px;
    background: none;
    border: 1px solid #dcdcdc;
    border-radius: 5px;
	color: #ffffff;
}

input::-webkit-input-placeholder { color: #898989; }

   .f-pole input[type="text"]::-webkit-input-placeholder {
    color: #ffffff;
   } 
   .f-pole input[type="text"]::-moz-placeholder {
    color: #ffffff;
   }

.col-md-2.phone.col-xs-12.col-sm-12.phonetel {
    position: absolute;
    float: right;
    background: url(/images/bg-phone.png) no-repeat;
    height: 90px;
    left: 100%;
    margin-left: -235px;
    width: 220px;
    padding-top: 10px;
}

.col-md-2.phone.col-xs-12.col-sm-12.phonetel a {
    color: #ffffff !important;
    font-size: 14px;
    text-align: left;
    margin: 0px;
    line-height: 20px;
    padding: 0px;
    text-decoration: none;
}

.col-md-2.phone.col-xs-12.col-sm-12.phonetel a:hover {
    color: #ffffff !important;
    text-decoration: none;
}

input::-moz-placeholder { color: #898989; }

#grachi .phone a {
    color: #ffffff;
}

#grachi .mobil-menu a {
    color: #ffffff;
}

.mess-ok {
    display: block;
    text-align: center;
    padding-bottom: 10px;
}

span.sent-ok {
    font-size: 14px;
    text-align: center;
    color: #4c7e00;
    padding: 0 0 10px 0;
}

.bl-2.centered  {
	display: none;
}

#grachi .fw-cms-info-item-content p a {
    color: #8f4923;
	text-decoration: underline;
}

@media (min-width: 1366px){

.textp p {
    font-size: 24px;
} 

}

@media (min-width: 990px){

.fw-header-form.container-fluid {
    background-size: cover;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    position: relative;
    padding-bottom: 12.3vh;
}
}


@media (max-width: 990px){


div#about {
    margin: 80px auto 0;
}

.fw-cms-info .fw-cms-info-content .fw-cms-info-item {
    margin-bottom: 10px;
}

.nomob {display: none;}

#contact_form_0 {
    margin-top: 0px;
}

.fw-advantages .fw-advantages-item .fw-advantages-item-content p {
    font-size: 14px;
}

p.text-bg {
    font-size: 14px;
}

h2 {
    font-size: 22px;
}

.poz-up2 {
    top: -2px;
}

}


@media (max-width: 767px){
	
.fw-header-form .fw-header-form-content .fw-header-form-intro h1 {
    font-size: 40px;
}

p {
    font-size: 14px;
}

.fw-header-form .fw-header-form-content .fw-header-form-intro h1 {
    font-size: 26px;
}

h3.title-home {
    font-size: 18px;
}

p.start-go2 {
    font-size: 16px;
}

p.start-go2:hover {
    font-size: 18px;
}

}

@media screen and (min-width: 750px) and (max-width: 950px) {
	#podr a {
    font-size: 15px;
}
	
}

@media (max-width: 560px){
	#podr a:nth-child(2) {
    margin-left: 0px;
    margin-top: 20px;
}

#podr a {
    font-size: 16px;
}
	
}

@media (max-width: 540px){
	
.fw-header-form .fw-header-form-content .fw-header-form-intro h3.offer,
.fw-header-form .fw-header-form-content .fw-header-form-intro h3.offer2  {font-size: 16px !important;}
	


p {
    font-size: 13px;
}

p.start, p.start-go {
    font-size: 15px;
}

p.start:hover, p.start-go:hover {
    font-size: 15px;
}

p.start {
    margin: 10px 0 25px 0;
}

#contact_form_0 p {
    font-size: 15px;
}

}


/* вопросы */

#question .transition, #question p, #question ul li i:before, #question ul li i:after {
  transition: all 0.25s ease-in-out;
}

#question .flipIn, #question h1, #question ul li {
  animation: flipdown 0.5s ease both;
}

#question .no-select, #question h2 {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

html {
  background-color: #332927;
}

#question {
    min-height: 0;
    display: inline-block;
    position: relative;
    left: 50%;
    margin: 0;
    transform: translate(-50%, 0);
    /* box-shadow: 0 10px 0 0 #de7f29 inset;
    background-color: #fefffa; 
    padding: 30px;
	background: url(/images/fon2.png); */
}

@media (max-width: 550px) {
  body {
    box-sizing: border-box;
    transform: translate(0, 0);
    max-width: 100%;
    min-height: 100%;
    margin: 0;
    left: 0;
  }
}

#question h1, #question h2 {
  color: #799f34;
}

#question h1 {
  text-transform: uppercase;
  font-size: 36px;
  line-height: 42px;
  letter-spacing: 3px;
  font-weight: 100;
}

#question h2 {
    font-size: 18px;
    line-height: 20px;
    font-weight: 300;
    display: block;
    background-color: transparent;
    margin: 0 0 15px 0;
    cursor: pointer;
    text-transform: none;
    padding: 0px;
    box-shadow: none;
    font-family: "Segoe UI";
}

#question p {
    line-height: 18px;
    position: relative;
    overflow: hidden;
    max-height: 800px;
    opacity: 1;
    transform: translate(0, 0);
    margin-top: 14px;
    z-index: 2;
    margin: 10px 0;
    font-family: "Segoe UI";
    text-align: left;
    margin-bottom: 15px;
    font-size: 16px;
    color: #ffffff;
}

#question ul {
  list-style: none;
  perspective: 900;
  padding: 0;
  margin: 0;
}
#question ul li {
    position: relative;
    padding: 0;
    margin: 0;
    padding-bottom: 0px;
    padding-top: 15px;
    border-top: 1px dotted #635c5b;
}
#question ul li:nth-of-type(1) {
  animation-delay: 0.5s;
}
#question ul li:nth-of-type(2) {
  animation-delay: 0.75s;
}
#question ul li:nth-of-type(3) {
  animation-delay: 1s;
}
#question ul li:last-of-type {
  padding-bottom: 0;
}
#question ul li i {
  position: absolute;
  transform: translate(-6px, 0);
  margin-top: 5px;
  right: 0px;
}
#question ul li i:before, #question ul li i:after {
  content: "";
  position: absolute;
  background-color: #799f34;
  width: 3px;
  height: 9px;
}
#question ul li i:before {
  transform: translate(-2px, 0) rotate(45deg);
}
#question ul li i:after {
  transform: translate(2px, 0) rotate(-45deg);
}
#question ul li input[type=checkbox] {
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
}
#question ul li input[type=checkbox]:checked ~ p {
  margin-top: 0;
  max-height: 0;
  opacity: 0;
  transform: translate(0, 50%);
  margin: 0;
}
#question ul li input[type=checkbox]:checked ~ i:before {
  transform: translate(2px, 0) rotate(45deg);
}
#question ul li input[type=checkbox]:checked ~ i:after {
  transform: translate(-2px, 0) rotate(-45deg);
}

@keyframes flipdown {
  0% {
    opacity: 0;
    transform-origin: top center;
    transform: rotateX(-90deg);
  }
  5% {
    opacity: 1;
  }
  80% {
    transform: rotateX(8deg);
  }
  83% {
    transform: rotateX(6deg);
  }
  92% {
    transform: rotateX(-3deg);
  }
  100% {
    transform-origin: top center;
    transform: rotateX(0deg);
  }
}