/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
/*СБРОС СТИЛЕЙ*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
    font-size:18px;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.title_table {
  font-family: sans-serif;
}

.grid-pad {
  padding: 20px 0 20px 20px;
}
/* ЗАКОНЧИЛСЯ СБРОС СТИЛЕЙ*/

#logo img {
opacity: 0.91;
}

#form-block-main {
  animation:none;
}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on February 18, 2015 */
.btn_up {
  position:fixed;
  right:42px;
  bottom:-50px;
  border:2px #fff solid;
  border-radius:50%;
  width:50px;
  height:50px;
  z-index:100;
  background: rgba(72, 72, 70, 0.9);
  outline:0;
  transition:.4s;
  cursor:pointer;
}

.active_btn {
  bottom:27px;
}

#first_main_block {
  background-image:url(../image/test1.jpg);
  background-image: url(../image/kvartirnyj.jpg);
  background-position: 0px -44px;
  background-repeat:no-repeat;
}

.min_height_one {
height:570px;
}

.btn_up:after {
content: '';
    width: 10px;
    height: 10px;
    border-top: 2px solid #ccc;
    border-left: 2px solid #ccc;
    transform: rotate(45deg);
    position: absolute;
    top: 4px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.ul_disc {
  padding-left:0 !important;
  margin-left:37px;
  list-style-type: disc;
  text-align: left;
}

ol {
  list-style-type: decimal;
  margin-left:37px !important;
  padding-left:0 !important;
}

.ul_disc li, ol li {
  margin: 15px 0;
}

.border_box {
  box-sizing: border-box;
}
.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

.form_desc a:link, .form_desc a:visited {
color:#fff !important;
text-decoration: underline;
}

.circ_adv, .back {
  display:inline-block;
  background:#ffcb03;
  width:103px;
  height:103px;
  padding-top: 12px;
    border-radius: 100%;
  backface-visibility: visible;
  transform-style: preserve-3d;
      margin-top: 5px;
}

/* .circ_adv:hover {
transform: rotateY(360deg);
    transition: all 0.7s ease 0s;
    background: #000;
    color: #fff;
} */

.circ_border {
  width:117px;
  height:117px;
  background:transparent;
  border:2px solid #ffcb03;
  border-radius: 100%;
  margin: auto;
}



.flip-container {
perspective: 1000;
}

.block_advantage:hover .flipper {
transform: rotateY(360deg);
color:black;
}
 
.flipper {
transition: all 0.7s ease 0s;
transform-style: preserve-3d;
 
position: relative;
}
.front, .back {
backface-visibility: hidden;
 
position: absolute;
top: 0;
left: 5px;
}
.front {
z-index: 2;
}
.back {
transform: rotateY(180deg);
color:black;
}

html {
  /*font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;*/
  font-family:'LatoLight',Arial,sans-serif;
}

p, ol, ul, span {
line-height: 1.1;
}

.left {
  text-align:left;
}
.center {
  text-align:center;
}
.article {
margin:15px 0;
padding-left:9px;
padding-right:4px;
text-align:left;
line-height:20px;
font-family:'LatoRegular',Arial,sans-serif;
}

.adv_ic {
  font-size:70px;
}

.block_advantage .icon-calendar:before { content: '\e800';
    border-radius: 100%;} /* '' */
.block_advantage .icon-truck:before { content: '\e801';
    border-radius: 100%;} /* '' */
.block_advantage .icon-user:before { content: '\e802';
    border-radius: 100%;} /* '' */
.block_advantage .icon-ok:before { content: '\e803';
    border-radius: 100%;} /* '' */
.block_advantage .icon-tint:before { content: '\e804';
    border-radius: 100%;} /* '' */
.block_advantage .icon-user-1:before { content: '\e805';
    border-radius: 100%;} /* '' */
.block_advantage .icon-recycle:before { content: '\f1b8';
    border-radius: 100%;} /* '' */
.block_advantage .icon-hourglass-2:before { content: '\f252';
    border-radius: 100%;} /* '' */

.block_advantage:nth-of-type(1) {
  margin-bottom:50px;
}
.block_advantage:nth-of-type(2) {
  margin-bottom:50px;
}
.block_advantage:nth-of-type(3) {
  margin-bottom:45px;
}

#logo {
  margin-top: 7px;
  margin-left:4px;
}
#wrapper {
max-width: 1240px;
    margin: 0 auto;
    position: relative;
    text-align: center;
}

#shapka {
  height:100px;
  position:relative;
}

#logo {
  height:84px;
  width:67px;
}

#phone {
display:inline-block;
bottom:58%;
right:6%;
}



#work {
display:inline-block;
bottom:31%;
right:6%;  
}

.fixed_menu {
position: fixed;
z-index: 15000;
left:0;
top:0;
width:100%;
}

nav {
  background:#484846;
}

nav li a {
  display:block;
  background: #28dccb;
  padding:8px 12px;
  line-height:34px;
  text-decoration: none;
  color:#fff;
  background: #484846;
}

nav li a:hover {
  background:#646464;
}

#first_main_block {
  padding-top:10px;
  /* min-height: 550px; */
  background-size: cover;
  left: 0;
}

#first_header_block {
  width: 38%;
  margin-top: 24px;
  display: inline-block;
}

.first_header {
  text-transform:uppercase;
  display:block;
  margin:0 auto;
      padding-bottom: 15px;
    padding-top: 15px;
    background: rgba(41, 40, 39, 0.95);
    margin-bottom:35px;
    color:#fff;
    /* font-family:'Intro'; */
    font-family: "LatoBold";
    text-align:center;
    padding:15px 5px;
    width:100%;
}
.first_header h1 {
      font-size: 47px;
      font-weight: 500;
      line-height: 1.1;
}
.first_header p {
      font-weight: 500;
      line-height: 1.1;
      font-size: 23px;
}

#besp_smet {
  background:rgba(255, 255, 255, 0.4);
  font-size: 20px;
  font-family: PFDinBold;
  display:inline-block;
  padding-right:10px;
  padding-left:10px;
}
#besp_smet li {
  margin:19px 0;
  padding-left:30px;
  background:url(../image/sloganListBg.html) no-repeat left top;
  line-height:23px;
}

#phone, #phone_footer, #home_phone_desktop, #mobile_phone, #mobile_phone_footer {
  font-family: PFDinLight;
  font-size:24px;
  display:block;
}
#phone, #home_phone_desktop, #mobile_phone {
font-weight: 700;
line-height: 28px;
}

#phone {
line-height: 29px;
}

#work {
  font-size:14px;
  display:block;
  margin-top:5px;
  font-weight:bold;
  /* padding-left:6px; */
}
.block_vidov_remonta {
  text-align:center;
}
.vid_remonta {
  border-radius: 10px;
  width:30%;
  height: 237px;
  display:inline-block;
  margin:6px;
  position:relative;
  transition: transform 0.6s;
}

.vid_remonta_remont-kuhni {
  background-size: 100% 100%;
background-image: url(../image/of_pereezd1_revers_opacity.jpg);
}
.remont_balkona {
  background-size: 100% 100%;
background-image: url(../image/pereplanirovka.jpg);
}
.vid_remonta_remont-vanny {
  background-size: 100% 100%;
background-image: url(../image/kvartirniy_pereezd_revers.jpg);
}
.otdelka_kvartir {
  background-size: 100% 100%;
background-image: url(../image/perevozka_mebeli.jpg);
}
.dizayn-interera {
  background-size: 100% 100%;
background-image: url(../image/remont_novostroika.jpg);
}
.dekorativnaya-shtukaturka {
  background-size: 100% 100%;
background-image: url(../image/dekor2.html);
}


.vid_remonta:hover {
transform: scale(1.01);
transition: 0.6s;
}

.vid_remonta_before {
  position:absolute;
  left:0;
  bottom:0;
  display:block;
  width:100%;
  height:100%;
  background:rgba(48, 49, 48, 0.4);
  transition: 0.6s;
  border-radius: 10px;
}

.vid_remonta_before:hover {
background:rgba(48, 49, 48, 0.16);
transition: 0.6s;
}

.vid_remonta_before_two:hover {
background:rgba(255,175,25,0.6);
transition: 0.6s;
}

@media (min-device-width:769px) {
.vid_remonta_remont-vanny, .dekorativnaya-shtukaturka {
  margin: 10px 25px 19px;
}
}

@media (max-device-width:768px) {
.vid_remonta_before:hover, .vid_remonta_before_two:hover {
background:transparent;
}
.vid_remonta:hover {
    transform: none;
}
}

.vid_remonta .link {
/* font-family: PFDinBold; */
z-index:800;
padding: 0px 8px;
font-family: LatoBold;
position:absolute;
left:0;
bottom:0;
width:100%;
height:100%;
display:inline-block;
text-align:center;
color:#fff;
font-size: 37px;
/* padding-top:138px; */
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
            justify-content: center;
}

.vid_remonta img {
  width:100%;
  height:auto;
}

.h2_main, .h2_main_white {
  margin: 0px;
    padding-top: 30px;
    padding-bottom: 15px;
    text-align: center;
    text-transform: uppercase;
    font-size: 31px;
    /* font-family: 'Intro'; */
    font-family:"LatoBold";
    padding-left:7px;
    padding-right:7px;
}
.h2_main_white {
  color: #fff;
}

.h2_main::after, .h2_main_white::after {
  display:block;
  height:4px;
  width:200px;
  margin:0 auto;
  margin-top:5px;
 content:" ";
 background: no-repeat center 80px;
 background:rgb(254,215,34);
}

h3 {
  font-family:"LatoBold";
  padding:15px 0;
  font-size: 22px;
  padding-left:5px;
  padding-right:5px;
  text-align: center;
}

.black_block {
  color:#fff;
}
.adv {background: url(../image/garantBg2.html) repeat-y;}

.block_advantage {
  display:inline-block;
  vertical-align:top;
  margin-right:3px;
  position:relative;
}
.block_advantage img {
  height:63px;
}

.block_advantage:before {
    display: block;
    content: "";
    left:0;
    position: absolute;
    /* height: 220px; */
    height: 260px;
    width: 100%;
    background: rgba(255, 255, 255, 0.1);
    top: 51px;
}

.advantages {
    padding: 20px 0px 77px 0px;
    text-align:center;
}

.text_advantage, .header_advantage {
  width:95%;
  padding:0 8px;
}

.header_advantage {
  font-size: 22px;
  font-family: PFDinBold;
  padding: 20px 0px 10px 0px;
}

.photo_otziv {
  display:inline-block;
}

.otziv {
  text-align:left;
  margin-top:20px;
  box-shadow:border-box;
  display:inline-block;
  width:23%;
  vertical-align:top;
  margin-right:10px;
}

.photo_otziv {
  width:100%;
}

.photo_otziv img {
  width:100%;
  border-radius:50%;
  border:2px solid rgba(253, 214, 33, 0.7);
}
.name_and_text {
  box-sizing:border-box;
  border: 6px solid #F0F0F0;
  padding:0 12px;
  width:100%;
  height:inherit;
}
.name_otziv {
font-size: 22px;
font-family: PFDinBold;
margin-bottom:10px;
margin-top:10px;
}
p.name_otziv {
  text-align:center;
}

.text_otziv {
font-size:20px;
line-height:1.4;
}

footer {
    background: url(../image/footerBg.jpg) no-repeat left center;
    height: 271px;
    color:white;
    text-align:center;
}
.besp_zvonok {
  cursor:pointer;
  font-size: 18px;
  font-family: 'PFDinBold';
  text-transform: uppercase;
 /*  color: #fed722;
 border-bottom: 1px dotted #fed722; */
 background: #fed722;
 padding: 5px;
 border-bottom: 1px solid #fed722;
 color: black;
display:inline-block;
}

.button {
  transition: 0.6s;
  border-radius:4px;
}
.button:hover {
  color: #fff;
  text-shadow: 0 0 21px rgba(223, 206, 228, 0.5), 0 0 10px rgba(223, 206, 228, 0.4), 0 0 2px #2a153c;
}

/* .dekorativnaya-shtukaturka .link {
padding:110px 5px 0 5px;
} */

#descr_komp {
  font-family: 'LatoBold';
  display:inline-block;
  margin-top:25px;
  font-size:23px;
}

.desc_block {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 15%;
    margin: 0 auto;
    width: 82%;
    height: 100%;
}

#time_work_and_phone {
  display:inline-block;
  float:right;
  margin-top:10px;
}

.hidden_phone {
    font-family: PFDinLight;
    font-size: 21px;
    color:#fff;
    display:inline-block;
    position:absolute;
    padding-right:5px;
    top: 7px;
    right: 10px;
}

#form-block-main {
  display:inline-block;
  width:100%;
  background: transparent url(../image/fon_form.jpg) no-repeat 0px -77px;
  padding:0 5px;
  padding-top:12px;
  background-size:cover;
}
.menu_bg {
float: left;
height: 42px;
}

.form_button_header {
  background: rgb(253,214,33);
    padding: 7px 2px;
    width: 196px;
    text-transform: uppercase;
    margin:0 auto;
    height:42px;
    padding-top: 13px;
    padding-right: 25px;
    border-radius:0;

    width: 234px;
    font-size: 17px;
    margin-left: 12px;
    padding-left: 18px;
}
.form_button_header:hover {
cursor:pointer;
}

.li_form_header {
  float:right !important;
}

.button_header_mob {
  display:none;
}

.img_myjik_form {
  height:400px;
  display:inline-block;
  margin-right: 48px;
  height:auto;
  margin-bottom:-3px;
}

#myjik-form-block {
  margin-bottom:-4px;
  text-align:left;
}

/*СТИЛИ ФОРМЫ*/
.newform {
    float: none !important;
    background:url(../image/application-form2-bg.jpg);
}

.form {
    width: 35%;
    text-align: center;
    margin-left: 20px;
    margin-top: 20px;
    padding: 16px 9px;
    display: inline-block;
    margin: 0 auto;
    border:1px solid #FCC71F;
    border-radius:10px;
}

input[type="text"] {
    width: 60%;
    height: 36px;
    padding-left: 10px;
    margin: 12px;
    box-sizing: border-box;
    border: 1px solid transparent;
    border-radius: 4px;
}

.dws-submit {
    padding: 13px 30px;
    background: rgb(234,205,74);
    margin: 10px;
    margin-top: 5px;
    border: 0;
    cursor: pointer;
    color: black;
    text-transform: uppercase;
    font-weight: bold;
}
.dws-input {
  margin:7px auto;
}

@media (min-width: 769px) {
.newform {
    vertical-align:top;
}

.form {
  float: right !important;
    margin-right: 68px;
    margin-top: 30px;
  }
}

@media (min-width: 769px) and (max-device-width: 873px) {
  .form {
    width:40%;
  }
}

.form_desc {
  color:#fff;
}

.form_desc_big {
  font-size:23px;
}
.form_desc_small {
  font-size:14px;
}

#button_form {
margin-top:13px;
}

@media (max-device-width:940px) {
  #form-block-main {
    background-image:none;
  }
}

@media (max-device-width:922px) {
  .img_myjik_form {
  margin-top: 29px;
  }

  .form {
    margin-top:29px;
  }
}

@media (max-device-width:768px) {
  .img_myjik_form {
    display:none;
  }

  .form {
    margin:22px auto;
    width:65%;
  }
}

@media (max-device-width:482px) {
  .form {
    width:90%;
  }
}
/*СТИЛИ ФОРМЫ*/

/*СТИЛИ ФОРМЫ В ФУТЕРЕ*/

.form_footer {
  position:fixed;
  left:35%;
  top:10%;
}
/*СТИЛИ ФОРМЫ В ФУТЕРЕ*/

/*МОИ НОВЫЕ ПРАВКИ*/
.post_send_form {
  border:#00fff9 4px solid;
    width: 65%;
    margin: 0 auto;
    padding:35px;
    border-radius: 10px;
    border:2px solid #FCC71F;
    margin-top:5%;
    background: black;
    position:relative;
    display:none;
}

.post_form_header {
font-size: 27px;
padding-bottom: 22px;
}
/*МОИ НОВЫЕ ПРАВКИ*/


.post_send_form img {
width:96%;
}

.post_form_description {
  padding:20px 0;
}

.dws-input textarea {
  width:60%;
  margin:12px;
  border-radius: 4px;
  font:400 13.3333px Arial;
  padding-left: 10px;
  padding-top:8px;
  height:120px;
}

/*СТИЛИ ИКОНОЧНЫХ ШРИФТОВ*/
.icon-clock:before {
  content: "\e94e";
}
.icon-home:before {
  content: "\e900";
}
.icon-phone:before {
  content: "\e942";
}

/*СТИЛИ ИКОНОЧНЫХ ШРИФТОВ*/



.first_main_block_novostroika {
  background-image:url(../image/remont_novostroika.jpg) !important;
  background-position: 0px -44px;
  background-repeat:no-repeat;
}

.first_main_block_kuhni {
  background-image:url(../image/remont-kuhni2.jpg) !important;
}

.first_main_block_vannaya {
  background-image:url(../image/vannaya3.jpg) !important;
}

#div_hitek, #klass {
  width:48%;
  display:inline-block;
  vertical-align: top;
}

.style_hitek, .style_class {
  width:100%;
}

.p_style {
  width:100%;
}

.styles_kuhni {
  margin:35px 0 23px;
}

#div_hitek {
  margin-right:1.5%;
}

.img_vid_kartinki {
  width:45%;
  display:inline-block;
  vertical-align: top;
  margin-left:10px;
}

.div_vid_kuhni {
  text-align:left;
}

.div_vid_kuhni p {
  width:50%;
  display:inline-block;
  vertical-align: middle;
}

.div_vid_kuhni {
  margin-bottom:15px;
}

.div_vid_kuhni:nth-of-type(3) {
  margin-bottom:41px;
}

.div_vid_kuhni:nth-of-type(2) p {
  margin-bottom:0px;
}

.block_advantage_tipovoy:before {
    height: 167px;
}

.block_advantage_tipovoy:nth-of-type(6) {
    margin-bottom:47px;
}

/*СТИЛИ ТАБЛИЦ*/
.title_table {
  font-weight:bold;
  font-size:29px;
  text-align:center;
  text-transform:uppercase;
  background:yellow;
  border:1px solid transparent;
  margin:20px auto;
  margin-top:35px;
  padding:4px;
}
table {
  margin:0 auto;
  width:100%;
}
#background_first {
  background-image:none;
}
.desc_table {
  background:gray !important;
  color:#fff;
}

.all_table {
  width:85%;
  margin:0 auto;
}

td, th {
  padding:6px 2px;
}

.desc_table th {
border-left:3px solid #fff;
}

tbody tr:nth-of-type(even) {
  background:#bdbde838;
}

tbody tr:hover {
  background:#e9ea39c2;
  cursor:pointer;
  transition:0.5s;
}

.subtitle_table {
  font-weight:bold;
  font-size:18px;
  text-transform:uppercase;
  height:40px;
  background:#fff !important;
}

table {
  margin-bottom:20px;
}

@media (max-device-width:405px) {
  .title_table {
    font-size:24px;
  }

  .all_table {
  width:90%;
}

td, th {
    padding: 6px 4px;
}
}

@media (max-device-width:486px) {
td, th {
    padding: 6px 4px;
}
}

@media (max-device-width:359px) {
  table {
    font-size:15px;
  }
}

@media (max-device-width:319px) {
  .title_table {
    font-size:22px;
  }
}
/*СТИЛИ ТАБЛИЦ*/

.adv_black {
  background-image:none;
  color:black;
}


#mobile_phone, #mobile_phone_footer {
  display:none;
}

.icon-truck:before {
  margin-left: 9px !important;
}

.icon-money:before {
  margin-left: 9px !important;
}

/*НОВЫЕ ПРАВКИ ГРУЗЧИКИ*/
 .chuvak {
    display:none;
  }

@media (max-device-width: 769px) {
/* .chuvak {
display:none;
} */
}

.chuvak {
  height:100%;
  display:inline-block;
  float:left;
}
@media (min-device-width: 768px) {
  #first_header_block {
margin-right: 6%;
margin-top: 7%;
float:right;
}
}

@media (min-device-width: 769px) {
#logo {
  height:73px;
}

.first_main_block_kvartirnyy-pereezd {
  background: url(../image/kvartirniy_pereezd_revers.jpg) !important;
  background-position: -86px -44px !important;
  background-size:110% !important;
}
}

ul {
  font-family: 'LatoRegular',Arial,sans-serif;
}

.main_block_pereezd_ofisa {
  background: url(../image/of_pereezd1_revers_opacity.jpg) !important;
  background-size: cover !important;
}

.main_block_pereezd_ofisa .chuvak {
  display:none;
}

@media (max-device-width: 768px) {
.first_main_block_kvartirnyy-pereezd {
  background: url(../image/kvartirniy_pereezd_revers.jpg) !important;
  background-repeat: no-repeat;
  background-size:cover !important;
}
}

.first_main_block_perevozka_mebeli {
background: url(../image/perevozka_mebeli.jpg) !important;
background-size: cover !important;
}

tr, td {
  border: 1px solid #ccc !important;
}

.table_main tr {
  border-radius: 10px !important;}

@media (min-width:770px) and (max-width:1011px) {
/*   .chuvak {
  display:none;
}
 */
  #first_main_block {
    background-image: url(../image/kvartirnyj2.jpg);
  }
}


/*ФИКСИРОВАННЫЙ ТЕЛЕФОН НА МОБИЛКАХ*/
#block_mobile_phone_fixed {
  height:50px;
  width:100%;
  background:rgba(41, 40, 39, 0.95);
  position:fixed;
  bottom:-99px;
  left:0;
  transition:.5s;
  z-index:900;
}

#mobile_phone_fixed {
margin-top: 15px;
font-size: 22px;
font-family: "LatoBold";
}


.active_mobile_phone_fixed {
bottom:0 !important;
}

@media (min-device-width: 769px) {
#block_mobile_phone_fixed {
display:none;
}
}

/*ФИКСИРОВАННЫЙ ТЕЛЕФОН НА МОБИЛКАХ*/

/*НОВЫЕ ПРАВКИ ГРУЗЧИКИ*/