.uk-navbar-container:not(.uk-navbar-transparent) {
    background: #f8f8f8;
    padding: 0px 50px;
}
.uk-navbar-toggle {
    color: #db222a;
    border: none;
    background: none;
    text-transform: uppercase;
    font-weight: 600;
}
.uk-nav-header {
    padding: 5px 0;
    text-transform: uppercase;
    font-size: .675rem;
}
.linktel {
    color: #fff !important;
}

.uk-card-primary.uk-card-body .uk-nav-primary>li.uk-active>a, .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary>li.uk-active>a, .uk-card-secondary.uk-card-body .uk-nav-primary>li.uk-active>a, .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary>li.uk-active>a, .uk-light .uk-nav-primary>li.uk-active>a, .uk-offcanvas-bar .uk-nav-primary>li.uk-active>a, .uk-overlay-primary .uk-nav-primary>li.uk-active>a, .uk-section-primary:not(.uk-preserve-color) .uk-nav-primary>li.uk-active>a, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary>li.uk-active>a, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary>li.uk-active>a, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary>li.uk-active>a {
    color: #f9e15d;
}
.uk-card-primary.uk-card-body .uk-nav-primary>li>a, .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary>li>a, .uk-card-secondary.uk-card-body .uk-nav-primary>li>a, .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary>li>a, .uk-light .uk-nav-primary>li>a, .uk-offcanvas-bar .uk-nav-primary>li>a, .uk-overlay-primary .uk-nav-primary>li>a, .uk-section-primary:not(.uk-preserve-color) .uk-nav-primary>li>a, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary>li>a, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary>li>a, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary>li>a {
    color: rgba(255, 255, 255, 0.75);
}

.calc-balcony-glazing, .calc-balcony-glazing *, .calc-balcony-glazing :before, .calc-balcony-glazing :after,
.calc-balcony-trim, .calc-balcony-trim *, .calc-balcony-trim :before, .calc-balcony-trim :after {
  box-sizing: border-box;
}

.calc-balcony-glazing *:focus,
.calc-balcony-trim *:focus {
  outline: none;
}

#calc-balcony-glazing h1,
#calc-balcony-glazing > h2,
#calc-balcony-trim h1,
#calc-balcony-trim > h2{
  text-align: center;
    font-size: 36px;
    margin: 0 0 50px;
    position: relative;
    padding: 0 0 10px;
    font-weight: 500;
}
#calc-balcony-glazing h1:after,
#calc-balcony-glazing > h2:after,
#calc-balcony-trim h1:after,
#calc-balcony-trim > h2:after {
    content: '';
    position: absolute;
    left: 50%;
    width: 226px;
    margin-left: -113px;
    bottom: 0;
    height: 1px;
    background: #ed602a;
}
.step-block h3 {
    color: #2c2c2c;
    font-size: 20px;
  margin:0 0 20px;
  font-weight:500;
  position:relative;
  padding:0 0 0 60px;
}
.step-block h3 span {
    background: #db2129 none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    display: block;
    height: 40px;
    text-align: center;
    width: 40px;
  position:absolute;
  left:0;
  top:50%;
  margin-top:-20px;
  font-size:18px;

  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;
}
.mptop .step-block h3{
  margin:0 0 40px;
}
#calc-balcony-fulltext {
    display: none !important;
}
.step-block{
  border-radius:15px;
  padding:25px;
  box-shadow:0px 1px 8px rgba(0,0,0,0.2);
  margin:0 0 20px;
}
.step-block.step-block-3{
  padding:25px 25px 40px 25px;
}
.step-block.step-block-4{
  padding:25px 25px 29px 25px;
}
.calc-dop .swiper-slide .item table {
    border: 1px solid #e2e2e2;
  border-radius:8px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  box-sizing:border-box;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  justify-content:center;
  -webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;
    height: 140px;
  width:100%;-webkit-transition:0.5s all ease;
  -o-transition:0.5s all ease;
  transition:0.5s all ease;

}
.calc-dop .swiper-slide:hover .item table,
.calc-dop .swiper-slide.inno .item table {
    border-color: #f35b30;
}
.item table td {
    width: 100%;
    text-align: center;
    vertical-align: middle;
    height: 100%;
}
.calc-dop div.text-center {
    font-size: 14px;
    margin: 12px 0 0 0;
  text-align:center;
}

.mptop{
  margin:0 0 50px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;
}
.mptop .lp,
.mptop .rp{
  width:49%;
}
.mptop .lp{
  min-width:575px;
}
#calc-balcony-glazing .form,
#calc-balcony-trim .form{
  display:none;
}

#calc-balcony-glazing .swiper-controls-container,
#calc-balcony-trim .swiper-controls-container{
  position:relative;
  padding:0 80px;
}
#calc-balcony-glazing  .swiper-controls-container .swiper-button-prev,
#calc-balcony-glazing  .swiper-controls-container .swiper-button-next,
#calc-balcony-trim  .swiper-controls-container .swiper-button-prev,
#calc-balcony-trim  .swiper-controls-container .swiper-button-next{
    position: absolute;
    top: 50%;
    width: 36px;
    height: 36px;
    margin-top: -32px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: auto;
    -webkit-background-size: auto;
    background-size: auto;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(images/arr.png);
    background-color: #fff;
    border-radius: 50%;

    box-shadow: 0 2px 5px rgba(0,0,0,0.33);
}
#calc-balcony-glazing .swiper-controls-container .swiper-button-next,
#calc-balcony-trim .swiper-controls-container .swiper-button-next {
    background-image: url(images/arr-r.png);
}

.calc-nav{
  margin:0 auto 70px;
  max-width:920px;
}
.calc-nav ul{

  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;
    border-radius: 40px;
    border: 2px solid #ed602a;
    overflow: hidden;
}
.calc-nav ul li{
  width: 33.3333%;
    font-size: 17px;
    font-weight: 700;
    text-align: center;
    padding: 10px 0;
    cursor: pointer;
    border-right: 2px solid #ed602a;
  -webkit-box-sizing: border-box;box-sizing: border-box;
}
.calc-nav ul li a{
  color:#2c2c2c;
}
.calc-nav ul li:last-child{
  border:none;
}
.calc-nav ul li.active{
  background:#f35b30;
}
.calc-nav ul li.active a{
  color:#fff;
}
.selline{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;
}
.calc-balcony-total{color:#db2129;font-size:32px;margin-bottom:40px;width:100%}.freez{width:100%}
#rass,#sub{color:#fff;cursor:pointer;display:block;font-size:18px!important;font-weight:700;max-width:290px!important;width:100%;text-align:center}
.fl_left33{
  width:32%!important;
}
.fl_left44{width:45%;margin:0 0 25px;}
.fl_left44 span.selt,
.fl_left33 span.selt{
  color:#2c2c2c;
  display:block;
  font-size:14px;
  position:relative;
  width:100%;
  font-weight:500;
  margin:0 0 15px;
}
.fl_left33 .ui-selectmenu-button.ui-button{
  text-align:left;
  white-space:nowrap;
  width:100%!important;
  border-radius:7px;
}
.fl_left44 .ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:100%!important}.ui-button .ui-icon{background:rgba(0,0,0,0) url(images/sel.png) no-repeat scroll 0 0!important;height:28px;position:absolute;right:0!important;top:0;width:28px}.ui-selectmenu-text{color:#3c3d3f;display:block;font-size:14px;margin-right:20px;overflow:hidden;text-overflow:ellipsis}

.ui-menu .ui-menu-item-wrapper{
  border-bottom:1px solid #e6e6e6;
  background:#f8f8f8;
}
.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{
  background:#9b9b9b;
  color:#fff;
  font-weight:400;
  border-color:#9b9b9b;
}
.bigpict{display:none}.bigpict.active{display:block;max-height:380px;margin-bottom:15px;margin-top:10px;position:relative;text-align:center}
.bigpict img{
  max-width:100%;
}
.bigpict {
  max-width: 500px;
}
.postinp{
  background: none;
    border: none !important;
    color: #000;
    font-size: 13px;
    height: 21px;
    padding: 0 3px !important;
    position: absolute;
    width: 30px !important;
  margin:0 !important;
  box-shadow:none !important;
}
.pic41{left:14%;top:10%}
.pic42{left:36%;top:2%}
.pic43{left:66%;top:7%}
.pic44{left:87%;top:13.5%}
.pic45{left:93%;top:45%}
.pic46{left:93%;top:72.8%}
.pic47{left:47%;top:92%}
.pic48{left:1%;top:55%}
.pic31{left:14.7%;top:11.8%}
.pic32{left:37%;top:2%}
.pic33{left:63.5%;top:9%}
.pic34{left:81%;top:16.5%}
.pic35{left:93%;top:47%}
.pic36{left:93%;top:73%}
.pic37{left:47%;top:92%}
.pic38{left:1%;top:57%}
.pic39{left:142px;top:279px}
.pic61{left:14%;top:13%}
.pic62{left:47%;top:5%}
.pic63{left:79%;top:13.2%}
.pic64{left:93%;top:48.3%}
.pic65{left:93%;top:76%}
.pic66{left:1%;top:58.5%}
.pic51{left:14%;top:13.3%}
.pic52{left:47%;top:5%}
.pic53{left:79%;top:13.1%}
.pic54{left:93%;top:48.2%}
.pic55{left:93%;top:75.5%}
.pic56{left:1%;top:58.6%}
.pic57{left:234px;top:354px}
.pic58{left:2px;top:213px}
.pic11{left:13%;top:20%}
.pic12{left:47%;top:13%}
.pic13{left:80%;top:20%}
.pic14{left:93%;top:50%}
.pic15{left:93%;top:73%}
.pic16{left:1%;top:59%}
.pic21{left:8.5%;top:28.3%}
.pic22{left:23.4%;top:25.8%}
.pic23{left:43%;top:20%}
.pic24{left:61.5%;top:14.1%}
.pic25{left:78%;top:24.3%}
.pic26{left:93%;top:62%}
.pic27{left:47%;top:90%}
.pic28{left:1%;top:74%}
.pic29{left:1%;top:55%}
.calc1{width:100%}
.steklo ul{
  padding:0;
}
.steklo ul li{
  font-size:16px;
  list-style:none;
  text-align:center;
  font-weight:700;
}
.steklo ul li span{
  border-radius:0px;
  cursor:pointer;
  display:block;
  padding:7px 5px;
  font-size:14px;
  font-weight:bold;
  text-align:center;
  width:100%;
  box-sizing:border-box;
  margin:10px 0 0 0;
}
.steklo ul li:first-child span{

  border-top-left-radius:35px;
  border-bottom-left-radius:35px;
  border:2px solid #db2129;
  border-right:none;
}
.steklo ul li:nth-child(2) span{

  border:2px solid #db2129;
}
.steklo ul li:last-child span{

  border-top-right-radius:35px;
  border-bottom-right-radius:35px;
  border:2px solid #db2129;
  border-left:none;
}
.steklo ul li:hover span,
.steklo ul li.active span{
  background:#db2129;
  color:#fff
}
.line{margin-bottom:10px;width:100%}.line input{border:1px solid #a5a5a5;font-size:14px;height:30px;padding-left:10px;padding-right:10px;width:264px}.form.active{display:block;margin-top:30px;width:300px}.bigpic51{left:255px;top:82px}.bigpic52{left:17px;top:165px}.bigpic53{left:17px;top:250px}#calc-balcony-fulltext{display:none}
.ost11{left:49%;top:4.3%}
.ost12{left:6%;top:75%}
.ost13{left:6%;top:37%}
.ost21{left:16%;top:15.5%}
.ost22{left:49%;top:12%}
.ost23{left:82%;top:15.4%}
.ost24{left:3%;top:73%}
.ost25{left:3%;top:45.4%}
.ost31{left:42.5%;top:7%}
.ost32{left:80.5%;top:11.4%}
.ost33{left:4%;top:70%}
.ost34{left:4%;top:37%}
.ost41{left:32.8%;top:12.5%}
.ost42{left:63.3%;top:8%}
.ost43{left:79.5%;top:4.3%}
.ost44{left:3%;top:74.4%}
.ost45{left:3%;top:42%}
.ost51{left:30.5%;top:9.2%}
.ost52{left:64%;top:1%}
.ost53{left:7.5%;top:82%}
.ost54{left:7.5%;top:48.3%}
.ost61{left:23.5%;top:23.5%}
.ost62{left:50.5%;top:15.3%}
.ost63{left:77%;top:7%}
.ost64{left:4%;top:74.3%}
.ost65{left:4%;top:49%}
.ost71{left:13%;top:4%}
.ost72{left:46%;top:4%}
.ost73{left:80%;top:9.2%}
.ost74{left:4%;top:78%}
.ost75{left:4%;top:41%}
.ost81{left:50%;top:20%}
.ost82{left:4%;top:42%}
.ost83{left:4%;top:63%}
.bok11{left:48%;top:2%}
.bok12{left:23%;top:53%}
.bok21{left:35%;top:2%}
.bok22{left:57%;top:2%}
.bok23{left:73%;top:52%}
.bok24{left:19.5%;top:37.8%}
.bok31{left:38%;top:2%}
.bok32{left:70%;top:2%}
.bok33{left:86%;top:52.3%}
.bok34{left:11.5%;top:37.7%}
.bok41{left:48%;top:1%}
.bok42{left:15%;top:52%}
.bok51{left:48%;top:1.7%}
.bok52{left:4.5%;top:51%}
.bok61{left:48%;top:1.4%}
.bok62{left:12%;top:51.6%}
.mptop{margin-top:20px}
#calc-balcony-glazing .item,#calc-balcony-trim .item {width:100%;text-align:center;}
#calc-balcony-glazing .item img,
#calc-balcony-trim .item img{
  max-width:100%;
}
.swiper-slide{
  cursor:pointer
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

#calc-balcony-glazing .rp .ui-button,
#calc-balcony-trim .rp .ui-button{
  -webkit-box-sizing:border-box;box-sizing:border-box;
}
#calc-balcony-glazing .rp .ui-button .ui-icon,
#calc-balcony-trim .rp .ui-button .ui-icon{
  background:url(images/select-arr.png) no-repeat center !important;
}
#calc-balcony-glazing .rp .ui-button.ui-selectmenu-button-open .ui-icon,
#calc-balcony-trim .rp .ui-button.ui-selectmenu-button-open .ui-icon{
  background:url(images/top-arr.png) no-repeat center !important;
}

.calc-bottom{
  -webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  margin:0 0 40px;
}
.calc-bottom .lb{
  width:49%;
}
.calc-bottom .rb{
  width:49%;
  text-align:center;
}
.calc-bottom .lb h2{
  font-size:24px;
  font-weight:500;
  padding:0 0 25px;
  margin:0 0 20px;
  position:relative;
}
.calc-bottom .lb h2:before{
  content:'';
  position:absolute;
  left:0;
  bottom:0;
  height:1px;
  background:#ed602a;
  width:150px;
}
.calc-bottom .lb p{
  font-size:14px;
  line-height:1.3;
}
.calc-bottom .rb .calc-balcony-total{
  margin:0 0 40px;
}
.calc-bottom .calc-zamer{
  max-width:280px;
}



.steklo-inline ul{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  margin:0;
  width:100%;
}
.steklo-inline ul li{
  width:33.3333%;
  margin:0;
}

.mptop .lp .pict_block{
  display: flex;
  justify-content: center;
}


@media screen and (max-width:1170px){
  .mptop{
    display:block;
  }
  .mptop .lp{
    width:100%;
    min-width:auto;
  }
  .mptop .lp .pict_block{
    max-width: 520px;
    margin: 0 auto;
  }
  .mptop .rp{
    width:100%;
  }
}
@media screen and (max-width:767px){
  .calc-bottom{
    -webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;
  }
  .calc-bottom .lb,
  .calc-bottom .rb{
    width:100%;
  }
  .calc-bottom .rb{
    margin:0 0 30px;
  }
  .calc-bottom .rb .calc-balcony-total{
    margin:0 0 20px;
    font-size:20px;
  }
  .calc-nav ul{
    border-radius:20px;
  }
  .calc-nav ul li{
    width:100%;
    border:none;
    border-bottom: 2px solid #ed602a;
  }
  .calc-nav{
    margin:0 0 40px;
  }
}
@media screen and (max-width: 575px){
  .mptop .lp .pict_block {
    max-width: 320px;
  }
  /*
  .bigpict.active{
    height:240px;
  }*/

  .steklo-inline ul{
    display:block;
  }
  .steklo-inline ul li{
    width:100%;
  }
  .steklo ul li span{
    border-radius:35px !important;
    border:2px solid #f35c30 !important;
  }
}
@media screen and (max-width: 420px){

  .fl_left33{
    width:100% !important;
    margin:0 0 15px;
  }

  /*
  .bigpict.active{
    height:180px;
  }
  */
}

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

  .postinp{
    width: 20px;
    height: 18px;
    font-size: 12px !important;
    background: #fff;
    border: 1px solid #bbbbbb !important;
    border-radius: 2px !important;
  }

  .pic41{left:13%;top:8%}
  .pic42{left:35%;top:1%}
  .pic43{left:65%;top:5%}
  .pic44{left:85%;top:12.5%}
  .pic45{left:91%;top:44%}
  .pic46{left:91%;top:70.8%}
  .pic47{left:45%;top:90%}
  .pic48{left:0%;top:54%}
  .pic31{left:12.7%;top:10.8%}
  .pic32{left:36%;top:1%}
  .pic33{left:62.5%;top:7%}
  .pic34{left:80%;top:15.5%}
  .pic35{left:91%;top:45%}
  .pic36{left:91%;top:71%}
  .pic37{left:45%;top:89%}
  .pic38{left:-1%;top:55%}
  .pic39{left:142px;top:279px}
  .pic61{left:12%;top:12%}
  .pic62{left:45%;top:3%}
  .pic63{left:78%;top:12.2%}
  .pic64{left:91%;top:46.3%}
  .pic65{left:91%;top:74%}
  .pic66{left:-1%;top:56.5%}
  .pic51{left:12%;top:12.3%}
  .pic52{left:45%;top:4%}
  .pic53{left:78%;top:12.1%}
  .pic54{left:91%;top:46.2%}
  .pic55{left:91%;top:73.5%}
  .pic56{left:-1%;top:55.6%}
  .pic57{left:234px;top:354px}
  .pic58{left:2px;top:213px}
  .pic11{left:10%;top:19%}
  .pic12{left:45%;top:11%}
  .pic13{left:79%;top:19%}
  .pic14{left:91%;top:48%}
  .pic15{left:91%;top:71%}
  .pic16{left:-1%;top:56%}
  .pic21{left:6.5%;top:26.3%}
  .pic22{left:21.4%;top:24.8%}
  .pic23{left:41%;top:19%}
  .pic24{left:61.5%;top:13.1%}
  .pic25{left:77%;top:22.3%}
  .pic26{left:91%;top:60%}
  .pic27{left:45%;top:87%}
  .pic28{left:-1%;top:72%}
  .pic29{left:-1%;top:53%}

  .ost11{left:46%;top:2.3%}
  .ost12{left:4%;top:72%}
  .ost13{left:4%;top:35%}
  .ost21{left:15%;top:13.5%}
  .ost22{left:48%;top:11%}
  .ost23{left:80%;top:13.4%}
  .ost24{left:1%;top:71%}
  .ost25{left:1%;top:43.4%}
  .ost31{left:41.5%;top:6%}
  .ost32{left:79.5%;top:9.4%}
  .ost33{left:2%;top:68%}
  .ost34{left:2%;top:35%}
  .ost41{left:30.8%;top:10.5%}
  .ost42{left:61.3%;top:7%}
  .ost43{left:78.5%;top:2.3%}
  .ost44{left:1%;top:72.4%}
  .ost45{left:1%;top:40%}
  .ost51{left:28.5%;top:8.2%}
  .ost52{left:62%;top:0%}
  .ost53{left:5.5%;top:79%}
  .ost54{left:5.5%;top:46.3%}
  .ost61{left:21.5%;top:21.5%}
  .ost62{left:49.5%;top:14.3%}
  .ost63{left:76%;top:6%}
  .ost64{left:2%;top:72.3%}
  .ost65{left:2%;top:46%}
  .ost71{left:11%;top:2%}
  .ost72{left:44%;top:3%}
  .ost73{left:79%;top:7.2%}
  .ost74{left:2%;top:76%}
  .ost75{left:2%;top:39%}
  .ost81{left:48%;top:18%}
  .ost82{left:2%;top:40%}
  .ost83{left:2%;top:61%}
  .bok11{left:46%;top:1%}
  .bok12{left:20%;top:51%}
  .bok21{left:33%;top:1%}
  .bok22{left:55%;top:1%}
  .bok23{left:72%;top:51%}
  .bok24{left:16.5%;top:35.8%}
  .bok31{left:36%;top:0%}
  .bok32{left:70%;top:0%}
  .bok33{left:86%;top:50.3%}
  .bok34{left:7.5%;top:35.7%}
  .bok41{left:46%;top:0%}
  .bok42{left:12%;top:50%}
  .bok51{left:47%;top:0.7%}
  .bok52{left:1.5%;top:50%}
  .bok61{left:46%;top:0.4%}
  .bok62{left:8%;top:49.6%}


  #calc-balcony-glazing .swiper-controls-container,
  #calc-balcony-trim .swiper-controls-container{
    padding:0 40px;
  }
  #calc-balcony-glazing .swiper-button-next,
  #calc-balcony-trim .swiper-button-next{
    right:-12px;
  }
  #calc-balcony-glazing .swiper-button-prev,
  #calc-balcony-trim .swiper-button-prev{
    left:-12px;
  }

}

.ui-selectmenu-menu{
  z-index:99999;
}

.hideOverlay .fancybox-bg {
    opacity: 0 !important;
}
.popup {
    max-width: 820px !important;
    width: 100%;
    padding: 30px;
    border-radius: 10px;
    overflow: hidden;
}
#calc-balcony-warning {
    max-width: 320px !important;
    box-shadow: 0px 22px 60px rgba(0,0,0,0.5);
}
.popup .title {
    text-align: center;
    color: #3c3c3c;
    font-weight: 500;
    font-size: 30px;
    margin: 0 0 40px;
    position: relative;
    padding: 0 0 10px;
}
#calc-balcony-glazing-popup .title:after,
#calc-balcony-trim-popup .title:after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 256px;
    left: 50%;
    margin-left: -128px;
    height: 1px;
    background: #ed602a;
}
#calc-balcony-warning .title {
    font-family: 'Roboto', arial, sans-serif;
    font-size: 18px;
    margin: 0;
    padding: 0;
}

.btn {
    background: #f46027;
    background: -moz-linear-gradient(top, #db2129 0%, #f34e56 100%);
    background: -webkit-linear-gradient(top, #db2129 0%,#f34e56 100%);
    background: linear-gradient(to bottom, #db2129 0%,#f34e56 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db2129', endColorstr='#f34e56',GradientType=0 );
    font-weight: 500;
    box-shadow: 0 2px 3px rgba(0, 1, 0, 0.5);
    cursor: pointer;
    padding: 14px 34px;
    border: none;
    width: 100%;
    color: #fff;
    text-align: center;
    font-size: 17px;
    border-radius: 35px;
    display: inline-block;
    transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease-;
    -ms-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    outline: none;
    text-decoration: none;
}
.btn:hover {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
}

.popup .form-input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 0 20px;
}
.popup .form-input label {
    font-size: 15px;
    color: #323232;
    width: 140px;
}
.popup .form-input label span {
    color: #ff0000;
}
.popup .form-checkbox input {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: checkbox;
    background: #fff;
}
.popup:not(#calc-popup) input, .popup:not(#calc-popup) textarea, .popup:not(#calc-popup) select, main input, main textarea, main select {
    position: relative;
    outline: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none;
    font-family: 'Roboto', arial, sans-serif !important;
    font-weight: 400;
    font-size: 16px;
}
.popup:not(#calc-popup) input[type="text"], .popup:not(#calc-popup) input[type="tel"], .popup:not(#calc-popup) input[type="email"], .popup:not(#calc-popup) input[type="number"], .popup:not(#calc-popup) textarea, main input[type="text"], main input[type="tel"], main input[type="email"], main input[type="number"], main textarea {
    border: 1px solid transparent;
    padding: 12px 20px 12px 47px;
    margin: 0 0 15px;
    display: block;
    width: 100%;
    border-radius: 35px;
    box-shadow: 0px 2px 10px rgba(0,0,0,0.15);
    font-size: 14px;
    font-family: 'Roboto', arial, sans-serif !important;
    font-weight: 400;
}
.popup:not(#popup-calc) .form-input textarea, .popup:not(#popup-calc) .form-input input {
    margin: 0;
    width: calc(100% - 140px);
    border-radius: 2px;
    border-color: #bfbfbf;
    box-shadow: none;
    padding: 12px 20px 12px 20px;
}
#calc-balcony-fulltext {
    display: none !important;
}
.popup .form-padding {
    padding: 0 0 0 140px;
}
.popup .form-note {
    color: #3a3a3a;
    font-size: 14px;
    margin: 0 0 10px;
}
.popup .form-note span {
    color: #ff0000;
}
.popup .form-checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 15px;
}
.radiobox input + label {
    position: relative;
    font-size: 12px;
    padding: 0 0 0 30px;
    cursor: pointer;
    display: inline-block;
}
.radiobox input + label:before {
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -9px;
    content: '';
    background: #fff;
    border: 1px solid #4f4f4f;
}
.radiobox input + label a {
    font-size: 12px;
    color: #000;
    text-decoration: underline;
}
.radiobox input:checked + label:after {
    background-color: #f46027;
    width: 12px;
    height: 12px;
    margin-top: -6px;
    content: '';
    position: absolute;
    left: 3px;
    top: 50%;
}
.popup .form-control.control-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 100%;
}
input[type="submit"] {
    cursor: pointer;
}
.popup .form-control input {
    font-size: 12px;
    padding: 13px 34px;
}
.popup .form-control.control-flex input {
    max-width: 230px;
}
.popup .form-control.control-flex span {
    display: inline-block;
    font-size: 16px;
    position: relative;
    padding: 0 0 5px 20px;
    width: calc(100% - 230px);
}
.popup .form-control.control-flex span:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 20px;
    width: 160px;
    background: #f45c2f;
    height: 1px;
}
input[type="text"].error, textarea.error {
    border-color: red;
}
input.error, textarea.error {
    border-color: rgb(240, 55, 55)!important;
}
.fancybox-content .subtitle {
  text-align: center;
}