@font-face {
    font-family: "BebasNeueRegular";
    src: url("/fonts/BebasNeueRegular.eot");
    src: url("/fonts/BebasNeueRegular.eot?#iefix")format("embedded-opentype"),
    url("/fonts/BebasNeueRegular.woff") format("woff"),
    url("/fonts/BebasNeueRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "RobotoCondensed-Regular";
    src: url("/fonts/RobotoCondensed-Regular.eot");
    src: url("/fonts/RobotoCondensed-Regular.eot?#iefix")format("embedded-opentype"),
    url("/fonts/RobotoCondensed-Regular.woff") format("woff"),
    url("/fonts/RobotoCondensed-Regular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "RobotoCondensed-Bold";
    src: url("/fonts/RobotoCondensed-Bold.eot");
    src: url("/fonts/RobotoCondensed-Bold.eot?#iefix")format("embedded-opentype"),
    url("/fonts/RobotoCondensed-Bold.woff") format("woff"),
    url("/fonts/RobotoCondensed-Bold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

a, button {transition: all 0.3s ease;}
body {font-family: "RobotoCondensed-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;color: #000;}
.tel {}
.tel a {font-family: "RobotoCondensed-Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;color: #009afa;display: block;}
.tel a:hover, .tel a:focus {text-decoration: none;}
.tel .btn {background-color: #fff;color: #009afa;border-radius: 0;border: 1px solid #009afa;padding: .1rem .6rem;outline: none !important;}
.tel .btn:hover, .tel .btn:focus {background-color: transparent;color: #fff;box-shadow: inset 0 0 0 30px #009afa;}
.navbar-brand {margin-right: 18rem;}
.navbar-light .navbar-nav .nav-item {margin: 0 15px;}
.navbar-light .navbar-nav .nav-link {color: #000;border-bottom: 4px solid transparent;padding: 5px 0;}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {color: #000;border-bottom: 4px solid #fa9521;}
.tops {background: url("/images/top.jpg") top center;background-size: cover;color: #fff;text-transform: uppercase;padding: 130px 0 30px;}
h1 {font-family: "BebasNeueRegular", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 2.5rem;margin: 5px 0 25px;}
.tos {font-size: 0.9rem;margin-bottom: 30px;}
.tos div {margin-top: 5px;}
.tcat {background-color: rgba(69, 140, 204, 0.4);padding: 30px 30px 0;}
.tocat {font-family: "RobotoCondensed-Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;display: block;background-color: #458ccc;color: #fff;margin-bottom: 15px;padding: 12px 40px;}
.tocat:hover, .tocat:focus {background-color: #111;color: #fff;text-decoration: none;}
.toks {background: url(/images/vn.png) rgba(69, 140, 204, 0.4) no-repeat center 90%;display: block;padding: 10px 5px 40px;color: #fff;border: 1px solid #fff;margin-bottom: 30px;position: relative;overflow: hidden;}
.toks:hover, .toks:focus {color: #fff;text-decoration: none;}
.tokss {background: url(/images/vnn.png) rgba(69, 140, 204, 0.4) no-repeat center 90%;display: block;padding: 10px 5px 40px;color: #f3ca00;border: 1px solid #f3ca00;margin-bottom: 30px;line-height: 1.1;min-height: 140px;}
.tokss:hover, .tokss:focus {color: #f3ca00;text-decoration: none;}
.tokss span {display: block;font-size: 1.2rem;color: #fff;}
.toks div {margin-top: 5px;}
.colap {background: url("/images/zzz.jpg") bottom center;background-size: cover;background-attachment: fixed;color: #fff;margin-bottom: 30px;}
.incolap {background: rgba(0,0,0,0.5);padding: 30px 0;}
.colap .zg {font-family: "BebasNeueRegular", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 2.8rem;text-transform: uppercase;}
.colap .row {margin: 0;}
.bg {background: rgba(0,0,0,0.3);}
.card {background: transparent;border: 0;border-radius: 0;}
.card-header {padding: 0;border: 0;}
.card-link {font-family: "BebasNeueRegular", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 1.4rem;display: block;min-height: 90px;padding: 5px 10px;color: #fff;text-transform: uppercase;}
.card-link:hover, .card-link:focus {color: #4286c1;}
.card-link span {display: block;padding-top: 70px;}
.card-link.collapsed span {display: none;}
.card-body {border-left: 3px solid #fff;padding: 5px 10px 10px;min-height: 90px;}
.co1.collapsed {background: url("/images/co1.png") no-repeat center 10px;border-left: 3px solid #fff;}
.co2.collapsed {background: url("/images/co3.png") no-repeat center 10px;border-left: 3px solid #fff;}
.co3.collapsed {background: url("/images/co5.png") no-repeat center 10px;border-left: 3px solid #fff;}
.co4.collapsed {background: url("/images/co7.png") no-repeat center 10px;border-left: 3px solid #fff;}
.co1 {background: url("/images/co1.png") rgba(0,0,0,0.3) no-repeat center 10px;border-left: 3px solid #4286c1;}
.co2 {background: url("/images/co3.png") rgba(0,0,0,0.3) no-repeat center 10px;border-left: 3px solid #4286c1;}
.co3 {background: url("/images/co5.png") rgba(0,0,0,0.3) no-repeat center 10px;border-left: 3px solid #4286c1;}
.co4 {background: url("/images/co7.png") rgba(0,0,0,0.3) no-repeat center 10px;border-left: 3px solid #4286c1;}
.pas {font-family: "BebasNeueRegular", "Helvetica Neue", Helvetica, Arial, sans-serif;background: url("/images/pas.png") rgba(255,255,255,0.7) no-repeat 30px 15px;background-size: 60px;display: inline-block;border: 1px solid #fff;padding: 15px 20px 15px 100px;margin-bottom: 30px;color: #000;font-size: 1.6rem;line-height: 1;}
.pas div {font-size: 2.1rem;}
.abut {margin-top: 30px;}
.abut .btn {font-family: "RobotoCondensed-Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;display: inline-block;vertical-align: top;background-color: #458ccc;color: #fff;padding: 12px 40px;border-radius: 0;text-transform: uppercase;outline: none !important;}
.abut .btn:hover, .abut .btn:focus {background-color: #111;color: #fff;}
.abut a {font-family: "RobotoCondensed-Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;display: inline-block;vertical-align: top;margin-left: 10px;padding: 12px 25px;color: #fff;border: 1px solid #fff;text-transform: uppercase;}
.abut a:hover, .abut a:focus {background-color: #458ccc;color: #fff;text-decoration: none;}
.tovars {color: #353535;}
.tovtab table {font-size: 0.8rem !important;}
.tovars>.zg, .tovtab .zg {font-family: "BebasNeueRegular", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 2.8rem;text-transform: uppercase;}
.tov {margin-bottom: 60px;}
.tov .zg, .tbzg {font-family: "BebasNeueRegular", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 1.5rem;text-transform: uppercase;}
.tbzg {margin: 10px 0;}
.har {margin: 3px 0 12px;font-size: 0.8rem;}
.tov .oldp {font-family: "BebasNeueRegular", "Helvetica Neue", Helvetica, Arial, sans-serif;display: inline-block;vertical-align: middle;font-size: 1.6rem;color: #767676;padding: 0 20px;margin-right: 10px;position: relative;display: none;}
.tov .oldp:after {content: "";position: absolute;bottom: 18px;left: 0;right: 0;height: 2px;background-color: #767676;transform: rotate(-10deg);}
.tov span {font-family: "BebasNeueRegular", "Helvetica Neue", Helvetica, Arial, sans-serif;display: inline-block;vertical-align: middle;font-size: 1.8rem;}
.tov .btn, .tovtab .btn {font-family: "RobotoCondensed-Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;display: inline-block;vertical-align: middle;background-color: #458ccc;color: #fff;margin-left: 15px;padding: 10px 30px;border-radius: 0;text-transform: uppercase;outline: none !important;}
.tov .btn:hover, .tov .btn:focus, .tovtab .btn:hover, .tovtab .btn:focus {background-color: #111;color: #fff;}
.tov .btn-block, .tovtab .btn {margin-left: 0;}
.tovtab .btn {margin-bottom: 30px;}
.mon {background: url("/images/mon.jpg") no-repeat top center;background-size: cover;color: #fff;margin-bottom: 30px;}
.mon .zg {font-family: "BebasNeueRegular", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 2.8rem;margin: 30px 0 0 30px;text-transform: uppercase;}
.mon .row {margin: 0;}
.mon .btn {font-family: "RobotoCondensed-Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;background-color: #458ccc;color: #fff;padding: 12px 40px;border-radius: 0;margin: 330px 0 30px;text-transform: uppercase;outline: none !important;}
.mon .btn:hover, .mon .btn:focus {background-color: #111;color: #fff;}
.foot {background: url("/images/foot.jpg") no-repeat top center;background-size: cover;color: #fff;}
.foot .zg {font-family: "BebasNeueRegular", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 2.8rem;margin-bottom: 15px;text-transform: uppercase;}
.logo2 {margin: 30px 0;height: 70px;}
.info {margin-bottom: 30px;}
.info img {width: 70px;}
.inf {display: inline-block;vertical-align: middle;width: 70%;border-left: 3px solid #fff;padding: 10px;min-height: 80px;}
.inf2 {border-left: 3px solid #4286c1;}
.inf a {color: #fff;}
.inf a:hover, .inf a:focus {color: #fff;text-decoration: none;}
.formb {padding: 50px 0 30px 30px;}
.foot .form-control {background-color: transparent;border: 1px solid #fff;color: #fff;border-radius: 0;height: 50px;}
.foot .form-control::-webkit-input-placeholder  {color: #fff;}
.foot .form-control::-moz-placeholder {color: #fff;}
.foot .form-control:-moz-placeholder {color: #fff;}
.foot .form-control:-ms-input-placeholder {color: #fff;}
textarea {resize: none;height: 150px !important;}
#bsend2 {font-family: "RobotoCondensed-Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;padding: 12px 10px;background-color: #458ccc;color: #fff;border-radius: 0;text-transform: uppercase;outline: none !important;}
#bsend2:hover, #bsend2:focus {background-color: #111;color: #fff;}
.octab {height: 500px;overflow: hidden;position: relative;transition: all 0.4s ease;}
.h-fix {background: linear-gradient(to bottom, rgba(0, 0, 0, 0), #fff);width: 100%;height: 15%;bottom: 0;left: 0;position: absolute;z-index: 1;transition: 0.5s;}
.tog {position: relative;margin: 10px 0 70px;}
.tog div {position: absolute;top: 0;left: 0;right: 0;}
.tog .btn {border-radius: 0;}
#clcx {display: none;}
.tops-beton-bloki {background: url("/images/beton-bloki.jpg") top center;background-size: cover;}
.tops-bordyur {background: url("/images/bordyur.jpg") top center;background-size: cover;}
.tops-lestnicy {background: url("/images/lestnicy.jpg") top center;background-size: cover;}
.tops-plita-p {background: url("/images/plita-p.jpg") top center;background-size: cover;}
.tops-porebrik {background: url("/images/porebrik.jpg") top center;background-size: cover;}
.tops-svai {background: url("/images/svai.jpg") top center;background-size: cover;}
.tops-truby {background: url("/images/truby.jpg") top center;background-size: cover;}
.chsl {font-family: "BebasNeueRegular", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 2.7rem;background-color: #909090;color: #f9ff94;}
.blink:after {content: "";display: block;width: 40px;height: 300px;background: linear-gradient(to right,rgba(255,255,255,0.1),rgba(255,255,255,0.5));position: absolute;left: -40px;top: -70px;z-index: 1;transform: rotate(45deg);transition: all 0.1s;animation-name: slideme;animation-duration: 3s;animation-delay: 0.05s;animation-timing-function: ease-in-out;animation-iteration-count: infinite;}
@keyframes slideme {
  0% {
    left: -30px;
    margin-left: 0px;
  }
  40% {
    left: 110%;
    margin-left: 80px;
  }
  100% {
    left: 110%;
    margin-left: 80px;
  }
}


.form-group label {width: 90%;vertical-align: top;padding-left: 10px;}

.form-control {}
.form-control::-webkit-input-placeholder  {opacity: 1;transition: opacity 0.5s ease;}
.form-control::-moz-placeholder {opacity: 1;transition: opacity 0.5s ease;}
.form-control:-moz-placeholder {opacity: 1;transition: opacity 0.5s ease;}
.form-control:-ms-input-placeholder {opacity: 1;transition: opacity 0.5s ease;}
.form-control:focus::-webkit-input-placeholder {opacity: 0;transition: opacity 0.5s ease;}
.form-control:focus::-moz-placeholder {opacity: 0;transition: opacity 0.5s ease;}
.form-control:focus:-moz-placeholder {opacity: 0;transition: opacity 0.5s ease;}
.form-control:focus:-ms-input-placeholder {opacity: 0;transition: opacity 0.5s ease;}

.bup {position: fixed;bottom: 10px;right: 10px;display: none;}


@media screen and (max-width: 576px) {
.tops {background: #5d5d5d;padding: 30px 0;}
.tel .btn {display: none;}
.colap .zg, .mon .zg {font-size: 2rem;}
.mon {background: #695c34;}
.mon .zg {margin: 15px 0 0 0;}
.mon .btn {padding: 12px 20px;}
.foot {background: #3c4147;}
.chsl {font-size: 1.5rem;}
}

@media screen and (max-width: 768px) {
.abut a {margin-left: 0;}
.formb {padding: 15px 0 30px;}
.mon .btn {margin: 30px 0;}
}

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

}

@media screen and (max-width: 1024px) {
.navbar-brand {margin-right: 1rem;}
.logo2 {height: auto;}
}


@media screen and (min-width: 1600px) {

}